Home › Forums › General Questions › 2D, dynamic blender scene to webpage
- This topic has 4 replies, 2 voices, and was last updated 2 years ago by
chlowden.
-
AuthorPosts
-
2024-08-21 at 5:45 pm #76875
chlowden
ParticipantHello
Attached is the render of blender scene that I would like to recreate as a webpage. The video shows how the page will load to a reveal a main menu. The user clicks on one of the outer topics and the camera goes to a part of the page that has the pertinent text. All of the blender scene is created using procedural and vectorial elements (no bitmaps) and I thought this would help with performance.
Can anyone tell me if Verge3D adapted to this 2D concept? Thank you2024-08-21 at 8:40 pm #76877
xeonCustomerI dont see an image attached.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2024-08-22 at 2:02 pm #76919chlowden
ParticipantHello
The video file does not seem to want to upload … so here is a link.
https://wpp.box.com/s/wilyw75f4s799jxl22h4rk4346sq927m
Thanks2024-08-22 at 3:44 pm #76922
xeonCustomerOk…well… like all things web there are many ways to do this. Adding in the mix of Verge3D then you have a few more.
My initial thoughts are you only need two plane objects and a single camera.
The planes will act as layers. The top most layer will be you spelled out name. This will be a created using a sprite sheet with an alpha channel so only the name appears. The bottom layer will be a large texture of all your content.To navigate you have tbree options…you can move the camera or you can move the plane or you can move the UV map. Choose one that is easiest for you.
Next you will have navigation to control the movement. You can use simple plane objects, that match the curvature of the buttons you have. Give them a completely transaprent texture…place them between the two planes.
If this is the only thing you are doing…you could consider going up to 4K on the content but 2K with HiDPI compositing will probably be good enough.
And all is done.
Super simple, super performant.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2024-08-22 at 10:21 pm #76929chlowden
ParticipantHello Xeon
Thank you for your thoughts. They are very encouraging.
Looks like I’m gong to have to discover Verge 3D … :) -
AuthorPosts
- You must be logged in to reply to this topic.
