xeon

So your background wall…needs to “look” 3D and no reason it can’t with proper textures. Your walls need to have an emission glow layer…no problem…still a material will solve this. Far less expensive and far more performant than a mesh…but this of course is your call.

Obviously I don’t know the design criteria for you game but there are a lot of modeling details that could be optimized. Now..with that said…your performance gains will be minimal in this area at this moment but could depending on you overall game design become significant. So its always best to start off with optimal assets you can clone or replicate. Panel0 is currently 407 triangles…this panel could easily be reduced to 240 by deleting inside faces, and using a texture. With some careful planning you can get this down to 66 triangles but you will need to create code to manage some cloning of parts. But get the rest of your game built then come back and plan on optimizing these assets.

Textures will allow areas, lights, panels, etc to glow independently. So no need to assign multiple materials…just need a good UV map for color and one for emission. Depending on the colors you use..you could also color pack four maps into one.

As far as how to remove faces…in Panel 0, you have 4 objects that face the outside each of these sub objects are close to the front face of the larger object…all of the rear faces can be deleted as they are never seen.

Scrolling games are typically 2D…even when created in 3D because of the efficiency and performance. If you are wanting to create an perspective view scrolling game then a 3D floor might make since otherwise the camera angle is defined and a texture would be better and a lot easier to manage and far more performant. Your render out the camera angle of your floor to an image and then place that image on a plane in front of the camera and you will not be able to tell the difference. The benefit is only 2 triangles. You can still have the floor glow green like you are doing but you just simplified it.

Regarding web based games. Since you are going to target different devices and resolutions..you may want to consider loading in different assets for different devices.
If its a small phone screen and bandwidth is bad….load in a different scene than if you are on a desktop with a great GPU. The layouts and screens are going to be so different. Are you going to take into consideration landscape and portrait or are you going to lock one out?
Serving mobile games on a web server means extremely efficient code and optimization far more important than doing a mobile app via cordova. Now of course the most important question is how big is your game and will it load on a mobile device? I don’t know how big your game will be.

If this shows all the puzzles in your project…you can be certain that the quantity of puzzles is not the issue.

You have a few tools available to you. One of the best tools is the Developer Console that allows you to see all sorts of performance, memory and other attributes that will tell you how your application is performing. You have also V3D built in tools that can help as well.

If you model without any code lodes and performs well then you can be pretty certain the issue relating to performance is your puzzles.

I do not know your project well enough to say what has to be done via every frames vs a timer vs another way. But given the code puzzle organization I guessing there are events firing mutliple times and animations are being called while in the process of other animations or before they have completed and memory runs out.

If you want to share the project files.. I could take a quick look this week.

If I am not mistaken….the actual camera used in Blender is not exported in the GLTF. Only its position and direction vector….then V3D uses its own camera controls that interpret that data.
So.. you may want to think of it that way…..you really have to control your camera in V3D because its the only one you really have.

just curious if the V3D comment lines have been removed from your files that you are trying to update?

Another approach that you might find useful is to use Empties… for the camera location and camera target.

Then during your start up…assign you cameras location to the camera empty location and have it look at the camera empty target. This allows you to have an offset you can animate in Blender.

There are many web hosts with many different solutions…its alot like shopping for a car. There are many types, models, and use cases with all different price points and features. So it depends on what your or your clients business requirements are. If this is something on an Enterprise budget…then your questions about price is irrelevant … if your are this on a shoe string budget then price is more important. If this is for a client…..they probably already have services in place and you can just augment on those…if you are rolling your own. Your budget will dictate what you can do.

Here is a simplified example:
https://v3d.net/139a.

It contains the V3D project/puzzles and the blend file.

You do not need an every frame call to move an object or character…but your situation may have other things involved that I am not aware of.

Hopefully this helps.

Ok…cool…thanks for the clarification. Are you planning on creating a mobile app for each type of device or are you only targeting a specific brand/model? Creating a cordova mobile app build tutorial is easy but the work to create the app so that is responsive and works on various resolutions, ratios etc…thats add complexity….do you need a tutorial that does both?