BabylonJS

Application and Data / Languages & Frameworks / Game Development

Mahesh Mure

May 24, 2023

Needs advice

BabylonJS

and

react-three-fiber

Hi,

I am looking to build a 3D visualization web application where I can perform different actions with the 3D object. These objects should be stored in a database, instead of a cloud platform, It should also support React and TypeScript. Initially, I looked to start the project using BabylonJS but I found react-three-fiber fiber now I am confused about which one to use.

Thank you, Mahesh

5 upvotes·26.8K views

Replies (1)

Dallas Larsen

Designer/Developer at Loominance, Inc.·May 26, 2023

Hey Mahesh react-three-fiber is a renderer for Three.js. Three.js might be more of a comparison to Babylon.js, kind of. Babylon.js offers advanced functionality for game development specifically. But what are some details for you 3D visualization web application, is it graphs, bar charts , bubble charts that you want to have 3D objects representing the data points? There's a lot to your question that needs details to see what tools would be a good option.

2 upvotes·1 comment·4.7K views

Finacus Solutions

December 5th 2024 at 1:06PM

React-Three-Fiber is indeed a powerful tool for rendering Three.js scenes in React, making it ideal for integrating 3D visualization within web apps. If you're working with data points like graphs, bar charts, or bubble charts, using 3D objects to represent them can add an engaging and interactive layer to your visualizations. Tools like Three.js provide flexibility for creating customized data-driven 3D visuals, while libraries like React-Three-Fiber help with seamless integration into React apps. Babylon.js could also be considered if advanced game-like functionality or higher performance is needed.

Needs advice

and

We already have an existing 3d interactive application for windows, mac, and iOS devices and have planned to move that app to the web for high availability to different types of users. I have been searching for different options for it. Our existing application is made in Unity so we prefer to work on unity webgl but it also has its drawbacks. Other than that we are also thinking to change the tech stack to three.js or BabylonJS due to their high compatibility with the web ecosystem. I want to know which engine/library/framework we should use for the development of our 3d web application. Also with unity webgl, we want to develop all UI parts in web technologies only and will use the unity3d for 3d part only.

Points that are very important to consider - 1. Memory optimization and allocation 2. Quality 3. Shaders 4. Materials 5. Lighting 6. Mesh editing, mesh creation at runtime 7. Ar 8. Vr 10. Support on different browsers including mobile browsers 11. Physics(gravity, collision, cloth simulation, etc.) 12. Initial load time 13. Speed and performance 14. Max vertices count. What happens when we load models exceeding max vertex count? 15. Development time 16. Learning curve (Unity3d we already working on) 17. Ease of use. What artists can do using any platform eg. in unity3d, artists can edit materials, set up lighting etc? 18. Future scope 19. Scalability 20. Integration with web ecosystem

7 upvotes·215.8K views

Replies (1)

Bebe Agachevo

Feb 23, 2023

Hi there, if you're still seeking a solution, you can look into echo3D. This would help mostly with optimization and scaling as it's a cloud backend for 3D assets. It integrates with Unity by way of query or SDK and all your assets are called at runtime which helps a lot of course. None of the other features of the game would be affected by storing it on the cloud. If you want to learn more feel free to check out the documentation: https://docs.echo3d.com/

2 upvotes·296 views