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

打开页面如下,

相关推荐
Modify_QmQ7 小时前
WebGL图形编程实战【7】:变换流水线 × 坐标系与矩阵精讲
webgl·视图变换·投影变换·ndc变换·视口变换
gis分享者8 小时前
学习threejs,使用Physijs物理引擎,通过控制重力,实现多米诺骨牌效果
threejs·碰撞·物理·physijs·physi·多米诺
像素工坊可视化11 小时前
WebGL 开发的前沿探索:开启 3D 网页的新时代
3d·webgl
threelab1 天前
18.three官方示例+编辑器+AI快速学习webgl_buffergeometry_points_interleaved
学习·编辑器·webgl
Modify_QmQ2 天前
WebGL图形编程实战【6】:性能优化 × 调试工具与技巧精讲
性能优化·webgl·webgl-lint·webgl-inspector
gis分享者2 天前
学习threejs,使用Physijs物理引擎,加载各种几何体网格对象
threejs·shape·物理·physijs·physi·几何体
前端小崔3 天前
从零开始学习three.js(15):一文详解three.js中的纹理映射UV
前端·javascript·学习·3d·webgl·数据可视化·uv
AllBlue5 天前
canvas坐标系转webgl坐标系
webgl
MossGrower6 天前
65.Three.js案例-使用 MeshNormalMaterial 和 MeshDepthMaterial 创建 3D 图形
javascript·threejs·spheregeometry·torusknotgeome
cwl727 天前
Unity WebGL、js发布交互
javascript·unity·webgl