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

打开页面如下,

相关推荐
烛阴11 小时前
Swizzling--OpenGL的向量的灵活组合
前端·webgl
前端小崔18 小时前
从零开始学习three.js(14):一文详解three.js中的场景Scene
webgl·three.js·数据可视化
烛阴1 天前
Vec--OpenGL的顶点基础
前端·webgl
该怎么办呢2 天前
webgl入门实例-11模型矩阵 (Model Matrix)基本概念
线性代数·矩阵·webgl
该怎么办呢2 天前
webgl入门实例-11WebGL 视图矩阵 (View Matrix)基本概念
数码相机·矩阵·webgl
KenXu2 天前
YYEVA WebGPU 渲染实现技术解析
前端·webgl
烛阴2 天前
Fragment Shader--一行代码让屏幕瞬间变黄
前端·webgl
前端小崔3 天前
从零开始学习three.js(13):完整的动画指南
前端·webgl·three.js
重生之我在火星学前端3 天前
WebGL学习之路:2. WebGL的第一个程序——画一个点
前端·webgl·three.js
该怎么办呢3 天前
webgl入门实例-矩阵在图形学中的作用
线性代数·矩阵·webgl