JS 3D three.js

谁借莪１个温暖的怀抱￠ 2023-02-22 05:28 8阅读 0赞

# JS 3D #

文章目录

*  开始
 *  About three.js(简介)
 *  下载
 *  使用

--------------------

最近发现了一个非常好的方法，能够实现JS做3D，分享一下  
名称叫做`three.js`

# About three.js #

`three.js`用来做3D时非常高效的，只不过下载有点慢，Github上的东西，真的…有点大  
给大家看张截图吧  
**普通效果**  
![普通效果][20200702092605920.png]  
**加上图片**  
![20200702092352734.png][]  
挺好看的吧…  
还有动画效果，不过这里没法展示

# 下载 #

这个嘛，github上的东西下载太慢了，不过还是有办法的  
下载一个svn  
[点击这里下载][Link 1]  
下载完成后一直点击next安装，也可以自己定义安装，这个大家自己决定  
然后把`安装位置/bin`添加到path环境变量中  
默认的安装位置是`C:\Program Files (x86)\Subversion`  
我们打开github

https://github.com/mrdoob/three.js/tree/master/

这是主目录  
你可以浏览一下  
我们要下载的是build目录  
点进去，查看链接

https://github.com/mrdoob/three.js/tree/master/build

复制这个链接  
下载其他目录以此类推  
不建议全部下载，太慢了

然后打开命令行`管理员模式`  
将刚才的链接中的`/tree/master/`改成`trunk`  
加上`svn checkout`

svn checkout https://github.com/mrdoob/three.js/trunk/build/

会出现一些很奇怪的符号和我们需要的文件名  
等待下载完成  
然后打开文件资源管理器，在C盘查找`three.js`或者`three.min.js`  
找到后右键open file location，我的目录是`C:\Windows\SysWOW64\build`，如果找不到或者找了很长时间可以试一试  
将`three.js`或`three.min.js`复制到你的目录下  
建议使用`three.min.js`  
好了，下载完成!

# 使用 #

以后我会连续发表使用文章  
大家可以访问官网[www.threejs.org][]查看文档，大家可以选择中文模式

[20200702092605920.png]: https://img-blog.csdnimg.cn/20200702092605920.png
[20200702092352734.png]: https://img-blog.csdnimg.cn/20200702092352734.png
[Link 1]: https://sourceforge.net/projects/win32svn/
[www.threejs.org]: https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene