When selecting gltf format, the model appears black, the model can not get out
the reason:
Our design department is probably to do with 3dmax or maya; when exporting the model, no gltf format; if 3dmax or maya obj export and then import into the blender, then export gltf format, they are easy to re-format data is lost during the conversion process appear. (This time you will find your model out of the show is black, in your code that there is no problem, you will find that the background is not being given, other models can also show up)
Solution:
We design department model made out of lead out into this website format conversion www.sketchfab.com model website (gltf, fbx); https://sketchfab.com/3d-models?date=week&features=downloadable&sort_by=- likeCount; while the Department of design also need to engage in the design, further fine-tuning on the site; displayed on this site is performing, is after exporting, we can webgl here to show normal results.
If the code is not the problem, then try to zoom it; I have experienced in doing the project, magnified 10,000 times to the model, a model that was out Diudiu.
Format conversion and code testing Related links:
sketchfab developer
web use: https:? //help.sketchfab.com/hc/en-us/articles/203509907-Embedding-your-models utm_source = website & utm_campaign = embedpopup # embed-options
summary: three ways
1. Get a direct https: //sketchfab.com/models/442c548d94744641ba279ae94b5f45ec?autospin=0.5
2.iframe embodiment <iframes the src = "https://sketchfab.com/models/442c548d94744641ba279ae94b5f45ec/embed?autostart=1&autospin=0.5"> </ iframes>
3.js API way: https: //static.sketchfab.com/api/sketchfab-viewer-1.5.1.js
D: \ far sampan Technology \ PaaS platform \ 3D \ Example \ sketchfab-Viewer-1.5.1.js
API calls https : //sketchfab.com/developers/viewer
embedded iframe: <iframe the src = "https://sketchfab.com/models/442c548d94744641ba279ae94b5f45ec/embed?autostart=1&autospin=0.5"> </ iframe>
View the API Mode: HTTPS: //sketchfab.com/developers/viewer
Demo website:
https://demos.littleworkshop.fr/infinitown
Encoding test site: www.codepen.io
Cannon.js technical route
glTF viewer: Play glTF animation, .glTF (profile JSON) .bin movie file (animation data) texture folder: Material, pictures .jpg, PNG
JS Source Code : https: //github.com/donmccurdy/three-gltf-viewer
online player (the three files (folder) dragged into a web page, remember not to drag into the open mode): https: //gltf.insimo.com /
Desktop: Desktop version: HTTPS: //github.com/donmccurdy/three-gltf-viewer/releases
D: \ ProgramFile \ gltf-Viewer-win32-IA32
Three.js Example: Three.js sample
three.js loader:
example: https://github.com/mrdoob/three.js/tree/master/examples/js/loaders
glTF example: https: //github.com/mrdoob/three.js/blob/master/examples/js/ loaders / GLTFLoader.js
Three.js VS Cannon.js article
https://www.codercto.com/a/33760.html
sketchfab模型破解下载:
https://imjad.cn/archives/lab/ripping-sketchfab-models
http://m.3dhoo.com/news/guowai/39935.html
https://blog.csdn.net/weixin_43081805/article/details/88891200
https://www.ddd.online/mall/search?keyWords=%E5%A4%AA%E7%A9%BA