| three.js加载3D模型,在网页上展示3D模型（.glb.gltf.fbx格式） | 您所在的位置：网站首页 › js怎么加入html › three.js加载3D模型,在网页上展示3D模型（.glb.gltf.fbx格式） |
three.js加载3D模型,在网页上展示3D模型（.glb.gltf.fbx格式）
|
Three.js是一款开源的主流3D绘图JS引擎，简单点，可以将它理解为three+js就可以了，three表示3D，js表示JavaScript的意思。 结构
.glb.gltf文件最好放在服务器上 放在本地容易报找不到的错 .fbx格式文件可以在本地用3d看图(win10自带）打开另存为.glb格式 index.html代码 3D模型实时观看 body { font-family: Monospace; background-color: #fff; color: black; margin: 0px; overflow: hidden; } #modelBorderContainer{ display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; } #modelBorder { max-width: 512px; width: 100%; height: 50%; } canvas{ position: absolute; top: 0%; left: 0%; } var modelUrl = 'https://**********/***.glb' //定义所使用模型路径最好放服务器本地会找不到的错 js 代码qq1023732997js代码 项目案例 可旋转 拖拉推拽
demo演示地址 3D模型实时观看
|
【本文地址】
公司简介
联系我们