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.

Ok, I Agree

Large scenes in Verge3d?

Home › Forums › Graphics / Blender › Large scenes in Verge3d?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 2026-03-17 at 4:53 pm #86627
    c4cc
    Customer

    Sorry for the stupid question, but how do you implement a dynamic or even interractive background huge enough to take up the whole scene, especially with multiple animations playing simultaneously, without lag or slow load times – imagine the following as a blender 3d creation, with traffic flowing sometimes at consistent or erratic speeds:

    Examples:

    If I just rendered one huge image for the background scene, including the physical platforms the game stage takes place on, wouldn’t the texture become very grainy and blur when zoomed in?

    If I put in both game platforms and background scenes made out of vertices, the lag/slow loading times would be immense

    Any suggestions for me to render huge, dynamic (background) scenes like the above with multiple animations playing simultaneously with as minimal lagging or slow loading times as possible?

    Such as tricking Verge3d into reducing vertices (in real time) without affecting visual quality of objects or by taking a huge as possible image of the entire Blender scene as stage background that is still sharp and clean when zoomed in while allowing dynamic animation to play
    Verge3d vs Babylon.js
    https://share.google/aimode/AgsxWfztn7mS4aUSS

    Tried to ask chatgpt, but just need your opinions
    https://anotepad.com/notes/c973p2t6

    https://anotepad.com/notes/q7wt3cwk

    How do large browser games play on web browser
    https://anotepad.com/notes/6awga2px

    is webassembly javascripy
    https://anotepad.com/notes/cgs6syei

    https://share.google/aimode/kIsuOFGZC6vJe18ZK

    webgpu for blender
    https://share.google/aimode/oEDcPIjjfAv9Gw4vM

    why is c++ better than javascript for games
    https://share.google/aimode/PSVGWcpHEQoAsOsEJ

    how to use C++ for web browser games
    https://share.google/aimode/hQS3uAxvZBAcSCkCL c++

    for web browser games on mobile browser
    https://share.google/aimode/JAypOVjDW4JgR6zYC

    best programming languages for web browser games on mobile browser

    https://share.google/aimode/w0qoQdpBskIOwbTR2

    best programming languages for large web browser games the size of GTA 5 on mobile browser
    https://share.google/aimode/7QWu8YGZ6PXJDLhl4
    will babylon.js help
    https://share.google/aimode/zGUsV2zJoC8WpCN4b
    will this work on web browser pc
    https://share.google/aimode/N9zXBzQbvk03RYZb0
    besides babylon
    https://share.google/aimode/QwRMwtrJMKZcBw5YR

    Minecraft larger than gta 5, build gta 5 on babylon.js
    https://share.google/aimode/cXOIWjPPP6DgBSh7q
    part 2
    https://share.google/aimode/v8beTIbK1PwLaFjcx
    part 3
    https://share.google/aimode/Nv2lyzmzKmRxziYdr

    Develop game without game engine
    https://share.google/aimode/YJ2l85x2WbsjU0v0p

    https://webgpufundamentals.org/

    chunking vs lazy loading
    https://share.google/aimode/Goli4svJ6Cm3nvsXe

    https://share.google/aimode/7dWIrsQ6K8Uu4mG3J

    why is c++ better than javascript for games
    https://share.google/aimode/gk8AFeMohDFDAh2Bm

    https://share.google/aimode/gk8AFeMohDFDAh2Bm

    how can javascript run large browser games the size of gta 5 on web browser
    Part I
    https://share.google/aimode/NhVNpvuOZ2Sk9DVDU
    PartII
    https://share.google/aimode/7USmAzBiGPOQjfqv8

    in-depth layermask for optimization babylon.js
    https://share.google/aimode/Iox8YGkYqtpL0O8jc
    in-depth layermask for optimization unity
    https://share.google/aimode/O39bOY2L9H0SIrTZf

    when to use c++ in babylon.js
    https://share.google/aimode/ZKN8A2bPoRVSqPpHi

    render call
    https://share.google/aimode/cRLuQodFNIzTXyDpF

    https://forum.babylonjs.com/t/optimizing-the-render-call/29582/3

    export blender large scenes to babylon.js
    https://share.google/aimode/6tniGFJuQnm1szUZ5

    • This topic was modified 1 month, 2 weeks ago by c4cc.
    • This topic was modified 1 month ago by c4cc.
    • This topic was modified 3 weeks, 4 days ago by c4cc.
    • This topic was modified 3 weeks, 4 days ago by c4cc.
    • This topic was modified 3 weeks, 4 days ago by c4cc.
    • This topic was modified 3 weeks, 4 days ago by c4cc.
    • This topic was modified 3 weeks, 3 days ago by c4cc.
    • This topic was modified 3 weeks, 3 days ago by c4cc.
    • This topic was modified 3 weeks, 3 days ago by c4cc.
    • This topic was modified 3 weeks, 3 days ago by c4cc.
    • This topic was modified 3 weeks, 1 day ago by c4cc.
    • This topic was modified 2 weeks, 6 days ago by c4cc.
    • This topic was modified 2 weeks, 5 days ago by c4cc.
    • This topic was modified 2 weeks, 5 days ago by c4cc.
    • This topic was modified 2 weeks, 3 days ago by c4cc.
    • This topic was modified 2 weeks, 3 days ago by c4cc.
    • This topic was modified 2 weeks, 3 days ago by c4cc.
    • This topic was modified 2 weeks, 2 days ago by c4cc.
    • This topic was modified 2 weeks, 2 days ago by c4cc.
    • This topic was modified 2 weeks, 2 days ago by c4cc.
    • This topic was modified 2 weeks, 2 days ago by c4cc.

    FPS trialproduct 20.9.25 https://postimg.cc/gallery/LMM5vkQ/af43346e

    2026-03-17 at 4:57 pm #86628
    c4cc
    Customer

    Imagine this kind of dynamic background in a video game stage, but published in Verge3d and running smoothly without lag or slow as hell loading times

    FPS trialproduct 20.9.25 https://postimg.cc/gallery/LMM5vkQ/af43346e

    2026-03-18 at 4:54 am #86630
    xeon
    Customer

    There are limitations to webGL, the device memory and browser memory…all of these things combine to determine your scene complexity. This is compounded if you plan on this being a web deployment vs an an app (electron or other).

    As you already know, WebGL and specifically Verge3D, have limited memory capabilities and have very limited triangle, redraw and map size requirements along with many other factors that affect performance. Unfortunately, WebGL has many more limitations than a game created with Unity for local playback or on a console and you will never get that level of performance…but you could probably fake it.

    The scrolling game is a low bit simple poly background that you could easily do in Verge3D using a simple repeatable texture and a simple instanced/cloned polys to make up the background. The city scape…well…as long as its stays in the distance…you could also just texture that to a plane and use it as a scrolling background.

    Verge3d is a tool and a great tool when used to do the things its best at. Its not a game engine although it has some of the traits of a game engine. Its best at being an interactive web based deployment engine that allows you to deploy to multiple simultaneous platforms. Its brilliance is in its simplicity not its complexity. You as a interactive artist/developer has to choose the right tool for the right job knowing that you will need to have a wide set of tools in your tool bag. Verge3d is one of those tools. But like a hammer, it can’t be the only tool you have at your disposal or you will be wishing your hammer was a screwdriver, instead of having a screwdriver to use in your tool bag.

    Alternatively…you have two options. Find a different tool or wait and hope the one you are using catches up to your needs. I think you will be happier adding another tool to the tool box.

    LOD – I have been hoping for a good implementation for this for years.

    With that said, I would suggest reframing the question to help you achieve your desired effect. Given what Verge3D can do and its limitations how do I make this background effect work in my project. Hopefully you are at the start of a new project.

    When taking on a project, you have to account for the background, maps, objects everything all at once to determine how your scene will work. Often it starts with someone blocking out scenes with objects and determining the poly counts, maps needed, etc. and determining a technological approach that will work with the desired design/creative. Unfortunately, many people start their project then decide they want to add something significant and realize they are already out of memory and things have bogged down and the new addition would make things worse. In those cases….its either lack of experience, oversight or the customer changed their mind and in some cases we are the customer and it happens. The answer is regardless….you have to go back and block it all out…determine you max polys, max textures, shader network efficiency and performance you are willing to live with and then with that information build your app.

    With that all said… can it be done…yes, but you will need a lot of tools in the tool bag to make it work in V3D.

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

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