ThreeJS:本地部署官网文档与案例

部署方式

部署之前请确保已经配置好node.js环境。

1. 下载ThreeJS源码

ThreeJS的GitHub地址:GitHub - mrdoob/three.js: JavaScript 3D Library.,可以简单查看ThreeJS当前版本:r164,

我们可以选择对应的版本(此处为r164),点击"release"查看更新日志(Release r164 · mrdoob/three.js · GitHub);通过Git或者下载zip压缩包的方式,获取ThreeJS源码包。

例如,使用Git获取源码,命令为:

bash 复制代码
git clone https://github.com/mrdoob/three.js.git

耐心等待拉取完毕即可,
目录结构

2. 安装依赖

使用++npm install++命令安装依赖。

3. 启动项目,完成部署

启动命令:++npm start++,

默认启动在8080端口,

打开页面如下,

相关推荐
gis分享者1 天前
学习threejs,导入FBX格式骨骼绑定模型
threejs·骨骼动画·fbx
小彭努力中1 天前
138. CSS3DRenderer渲染HTML标签
前端·深度学习·3d·webgl·three.js
优雅永不过时·1 天前
three.js实现地球 外部扫描的着色器
前端·javascript·webgl·three.js·着色器
汪洪墩2 天前
【Mars3d】实现这个地图能靠左,不居中的样式效果
前端·javascript·vue.js·3d·webgl·cesium
gis分享者2 天前
学习threejs,对模型多个动画切换展示
threejs·动画切换
allenjiao2 天前
webgl threejs 云渲染(服务器渲染、后端渲染)解决方案
webgl·云渲染·threejs·服务器渲染·后端渲染·云流化·三维云渲染
踏实探索3 天前
OpenLayers教程12_WebGL自定义着色器:实现高级渲染效果
前端·arcgis·vue·webgl·着色器
EasyNTS4 天前
H.265流媒体播放器EasyPlayer.js网页直播/点播播放器WebGL: CONTEXT_LOST_WEBGL错误引发的原因
javascript·webgl·h.265
那年那棵树5 天前
【Cesium】自定义材质,添加带有方向的滚动路线
vue·webgl·材质
gis分享者7 天前
学习threejs,使用TWEEN插件实现动画
threejs·tween·补间动画