您的位置:首页 > 科技 > 能源 > threejs的学习(一)

threejs的学习(一)

2024/12/23 7:37:50 来源:https://blog.csdn.net/m0_57057282/article/details/140015718  浏览:    关键词:threejs的学习(一)

1.万事开头难

先把环境搭好

https://github.com/mrdoob/three.js/tree/dev/src

把这个项目clone下来
yarn install 安装依赖

yarn start 启动项目

 然后用vite新建一个项目
npm init vite@latest

选择第一个  Vanilla就行

然后选择js

然后成功创建之后,npm start

npm run dev 启动
然后你要在你创建的项目的index.html同级目录下新建一个src文件夹
具体目录结构如下

将github上的项目里面的build的所有文件复制到js文件夹里面
开始写代码
index.html代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible&#

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com