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端口,

打开页面如下,

相关推荐
yyt36304584113 小时前
KLineChartQuant:GLSL 的精度问题及 RTC 解法
前端·vue.js·react.js·交互·图形渲染·webgl·数据可视化
灵境(虚幻知音)2 天前
WebGL 不支持>1px的线绘制,那 Cesium 的带宽度的线是怎么画出来的?
webgl·cesium·着色器
吴梓穆2 天前
three js 9 补间动画tween
threejs
云登指纹浏览器2 天前
浏览器指纹检测原理演进:从Canvas到WebGL的4轮风控升级
webgl
吴梓穆4 天前
Three js 5 HDR天空盒、颜色空间、材质
threejs
前端老爷更车5 天前
从 `renderer.render()` 到地面上的阴影:Three.js 阴影渲染全流程源码解析
webgl
吴梓穆6 天前
Three js 4 调试工具ui
threejs
Highcharts.js8 天前
Highcharts 渲染方式解析:SVG 默认渲染与 Boost 模块的 WebGL 加速,以及它与其他可视化库的不同
svg·webgl·可视化·canvas·highcharts·渲染方式
独立开发之道9 天前
【three.js教程】场景图:用“父子关系“让月亮自动绕地球转
threejs
avi911111 天前
Threejs新版本后glb导出提示.x问题GLTFExporter,替代3dmax
开发语言·前端·javascript·threejs·glb·gltfexporter