xeogl | based 3D engine for technical visualization | Graphics library
kandi X-RAY | xeogl Summary
kandi X-RAY | xeogl Summary
xeogl is a data-driven WebGL-based engine created by xeolabs for 3D visualization in the browser without using plugins. xeolabs does not actively maintain xeogl, however we provide it here under an MIT lcense in case it's useful to the 3D Web community. If you need an actively-developed WebGL engine with all the capabilities of xeogl, plus more performance and features, consider using the xeokit SDK instead. Follow xeolabs on Twitter for updates: @xeolabs.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Build stroke string
- Main RenderMeshDraw function
- Creates a new outlayer object .
- Creates an infotlet definition .
- Define out an outbound transition object
- Makes a function that will simulate a WebGL context .
- load a node
- Parse data from FBXTree . Objects . Geometry
- load information from a texture object
- Combines multiple regex patterns into a single string .
xeogl Key Features
xeogl Examples and Code Snippets
Community Discussions
Trending Discussions on xeogl
QUESTION
i'm beginner for three.js also using it for BIM project, when i load a gltf file of ~25mb i can barely move the whole object and stats.js monitor shows fps of 0~2 at max gltf file : https://github.com/xeolabs/xeogl/tree/master/examples/models/gltf/schependomlaan im using THREE js with vuejs
...ANSWER
Answered 2019-Oct-24 at 20:54On filesize —
Draco compression reduces network size, but not the final amount of uncompressed data that must be sent to your GPU and rendered. If your original mesh was 100mb and you compress it to 25mb, you will still get the framerate of the original 100mb mesh. Aside: Using the -b option of glTF-Pipeline will reduce the size by another 50%, to 13MB, but again doesn't affect FPS.
On framerate —
This model contains 4280 meshes1, each requiring a GPU draw call. That is the source of your low QPS, and unfortunately it's a common problem in BIM models. You'll need to merge these meshes (in a program like Blender, or after loading in three.js) to as few as possible. A model like this should require < 100 draw calls, or even as few as 1.
1 To see this, try opening the model on https://gltf-viewer.donmccurdy.com/ and opening the JavaScript console. You should see a printout of the scene graph, which will contain many different meshes.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install xeogl
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page