We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

2D, dynamic blender scene to webpage

Home Forums General Questions 2D, dynamic blender scene to webpage

Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #76875
    chlowden
    Participant

    Hello
    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 you

    #76877
    xeon
    Customer

    I dont see an image attached.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    #76919
    chlowden
    Participant

    Hello
    The video file does not seem to want to upload … so here is a link.
    https://wpp.box.com/s/wilyw75f4s799jxl22h4rk4346sq927m
    Thanks

    #76922
    xeon
    Customer

    Ok…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.com

    #76929
    chlowden
    Participant

    Hello Xeon
    Thank you for your thoughts. They are very encouraging.
    Looks like I’m gong to have to discover Verge 3D … :)

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.