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

打开页面如下,

相关推荐
Aurora@Hui1 天前
WebGL & Three.js
webgl
loriloy1 天前
Three.js 材质教程 - 第三部分:Materials详解
threejs
gis分享者1 天前
学习threejs,打造原生3D高斯溅落实时渲染器
spark·threejs·ply·高斯·splat·溅落·实时渲染器
loriloy2 天前
Three.js 几何体教程 - 第二部分:Geometry详解
javascript·threejs
CC码码3 天前
基于WebGPU实现canvas高级滤镜
前端·javascript·webgl·fabric
ct9783 天前
WebGL 图像处理核心API
图像处理·webgl
ct9785 天前
Cesium 矩阵系统详解
前端·线性代数·矩阵·gis·webgl
ct9788 天前
WebGL Shader性能优化
性能优化·webgl
棋鬼王8 天前
Cesium(一) 动态立体墙电子围栏,Wall墙体瀑布滚动高亮动效,基于Vue3
3d·信息可视化·智慧城市·webgl
军军君0110 天前
Three.js基础功能学习十一:动画与音频
前端·javascript·3d·js·threejs·三维