Thanks for the nice review, glad to help!
What excactly would you need for it to be responsive?
Size depending on device size?
Hi!
Please upgrade to new version 1.1
You can now set opacity=”0″ to get a transparent background.
By also setting class=”myclass” or style=”position:absolute” or something, you should be able to overlay an image.
Cheers, Joerg
Hello Joerg,
Thank you for the update, I’m going to play with it later today. I’m using it here: http://openbuilds.com.mx/tienda_de_openbuilds_mexico/guia-lineal-v-slot/
I’m no programmer so it will take some time to get the CSS right.
As for the responsive part, some “break-points” for smaller devices would be nice, or just adapt the canvas to the screen width like normal images would.
Control-buttons to move the object around would be nice, also a parameter to set perfective or lens (35mm). I’m just thinking out load here ;).
Thank you!
-Ronald
By the way, is it me or does the plugin slow down after some time?
Hey cool!
Would you mind me use your site as a real example of usage?
It slowed down, sorry!
Try new release 1.2.
Hello Joerg,
Sure you can use my page as an real example, I’m planning to put an object on every page that is a mechanical component.
As you can see I didn’t manage to put images on top of each other, I’m not a programmer but manage to do a thing or 2 ;).
Now this plugin flies! All work smooth, I think even too smooth so a FSP limit might be a good idea, say 24fps, this way it will not use simple CPUs up to 100%. On my 4.5GHz i5 Desktop CPU it will use up to 40% of my processing power. You might also consider so not render any new frames when there is no movement. Again, I’m thinking out loud here as I’m not a programmer but I do understand the logic.
Thank you! Version 1.2 is almost perfect for my needs 😉 (still wonder if the canvas could be adapting itself to the width of the web-page like any normal picture would.)
-Ronald
Hi Ronald,
you can do exactly this by using the parameter “fps”.
Rendering only when required is on my todo list, as well as dynamic canvas size (although I think that might be tough…)
Have a nice day!
Joerg
Hi Joerg,
FPS, Frames per second, timed, there is no need to show more than 24 frames per second, or rendered images per second. It will only heat up mobile devices and burn laptops bought in the supermarket 😉 with a hight FPS.
Yes, I can imagine that dynamic canvas is tough, I thought you can reduce canvas size and set the camera distance further away, so read width size of the window (website width) and if it’s less than the canvas size, then reduce the canvas size and set camera at 5(+%(times a number so it will show correctly) of reduced window),1,1.
Hard to explain but I hope you get it…
Thank you,
-Ronald
Hi Ronald,
now implemented an easier version. You can set width=”100%” now (height also).
Then the current size of the div is used as the base.
Since you can set this size vis CSS (style=”width: 100%”), you can now have relative sizes.
These widths and heights, nevertheless, do not adapt to changing the windows sizes.
Hope that is ok for you.
Joerg
