欢迎光临散文网 会员登陆 & 注册

1、three.js简单场景示例和项目搭建

2023-03-11 08:38 作者:王钟泽  | 我要投稿

(1)搭建three.js项目

首先键入gitee地址——》https://gitee.com/mirrors/three.js?_from=gitee_search,接着点击下载zip压缩包——》使用cmd打开文件,输入yarn install安装依赖——》接着输入yarn dev运行项目,此时可以在浏览器看到详细的本地文档和案例了——》

接着在桌面创建baieji.3d文件夹——》将下载的three.js项目中的build和examples文件夹复制到里面——》然后使用vscode打开这个baieji.3d文件——》

接着在浏览器可以看到正在运行的项目了——》

(2)在项目中运行一个glb模型测试

在baieji.3d/examples里面创建admin01.html和model文件夹存放3D模型,加载一个glb模型文件进行测试——》

模型下载地址:https://3d.znzmo.com/cgmoxing/182263149.html   (免费的)

使用vscode运行这个文件——》

(3)three.js简单场景示例

首先打开官方文档,点击创建一个场景的文档,在那边下载three.js文件——》


接着创建一个html文件,复制官方源码——》(下面未官方源码,此时就可以在浏览器运行了)


1、three.js简单场景示例和项目搭建的评论 (共 条)

分享到微博请遵守国家法律