three.js加载3D模型,在网页上展示3D模型(.glb.gltf.fbx格式)

Three.js是一款开源的主流3D绘图JS引擎,简单点,可以将它理解为three+js就可以了,three表示3D,js表示JavaScript的意思。

结构

three.js加载3D模型,在网页上展示3D模型(.glb.gltf.fbx格式)_第1张图片

 .glb.gltf文件最好放在服务器上 放在本地容易报找不到的错 .fbx格式文件可以在本地用3d看图(win10自带)打开另存为.glb格式

index.html代码


	
		3D模型实时观看
		
		
		
	
 
	
 
	
		

js代码

项目案例 可旋转 拖拉推拽

three.js加载3D模型,在网页上展示3D模型(.glb.gltf.fbx格式)_第2张图片

 

demo演示地址

3D模型实时观看

three.js加载3D模型,在网页上展示3D模型(.glb.gltf.fbx格式)_第3张图片

你可能感兴趣的:(前端,javascript,3d,前端)