前言

近年来web得到了快速的发展。随着HTML5的普及，网页的表现能力越来越强大。网页上已经可以做出很多复杂的动画，其中一种就是通过WebGL在网页中绘制高性能的3D图形。
Three.js对WebGL提供的接口进行了非常好的封装，简化了很多细节，大大降低了学习成本。

例子

自带示例，找到对应改变代码改变效果乐趣无穷。

如何下载/运行

首先需要找到官网three.js-master
链接: three.js-master包.
github官网的Threejs软件包直接下载比较缓慢,有时候会中断,可使用github文件加速然后输入three.js-master包链接进行下载
链接: 文件下载加速

由于three.js-master包直接运行会有跨域问题所以下载成功后需要给它开个服务

Node.js 有一个简单的HTTP服务器包

npm install http-server -g

安装成功后,可直接打开示例。

找到对应位置然后在文件目录输入cmd打开小窗口

打开服务 http-server . -p 8000
注8000端口被占用的话可以更改其他端口号运行

运行成功后打开 8000端口：http://127.0.0.1:8000

想进入示例图片点击：examples/

three.js-master包

各个文件简略意思

Build目录 ：包含两个文件，three.js 和three.min.js 。这是three.js最终被引用的文件。一个已经压缩，一个没有压缩的js文件。
Docs目录 ：这里是three.js的帮助文档，里面是各个函数的api（简易说明）。
Editor目录：一个类似3D-max的简单编辑程序，它能创建一些三维物体。
Examples目录：一些例子demo。
Src目录：源代码目录，里面是所有源代码。
Test目录：一些测试代码。
Utils目录：存放一些脚本。
gitignore文件：git工具的过滤规则文件。
CONTRIBUTING.md文件：bug帮助，说明文档。
LICENSE文件：版权信息。
README.md文件：介绍three.js的一个文件，里面还包含了各个版本的更新内容列表。

总结

以上就是今天的内容，本文仅仅简单介绍了快速对threejs感兴趣及入门的其中一种使用。
有兴趣可以互相讨论

threejs 快速入门小技巧相关推荐

vb.net 获取系统图标_LOL绽灵节活动快速入门小技巧：提升英雄好感度获取奖励...
LOL绽灵节活动预计将从10.15版本开启,外服预计会从明天开始,一直持续到8月25日,而国服相信会在短时间内就跟进这个大型活动. 而拳头官网中,已经放出了本次活动的大致玩法介绍,由于原文篇幅较长,小 ...
Windows快速搜索小技巧
Windows快速搜索小技巧 -基础配置部分话不多说,script先安排上(辣鸡CSDN,batch语法高亮不能识别): @echo off set varStr=https://www.baidu ...
DMETL快速入门小例子
※DMETL的使用通常可以分为五个主要步骤:创建数据源.创建工程. 设计转换.设计作业和查看运行日志五个步骤. 下面以一个示例说明上述过程,该示例的功能是将BOOKSHOP示例库中的EMPLOYEE ...
6个Excel快速操作小技巧，早会早下班
点赞再看,养成习惯:贪天之功,据为己有. 微信搜索[亦心Excel]关注这个不一样的自媒体人. 本文 GitHub https://github.com/hugogoos/Excel 已收录,包含Ex ...
开关计算机怎么操作方法,笔记本电脑操作入门小技巧
笔记本电脑由于体积小,功能强大,而且需要经常四处搬动,因此其制造品质和标准都超过台式机,既然是精密仪器,所以在使用上也必须特别注意.今天学习啦小编与大家分享下笔记本电脑操作入门小技巧,有兴趣的朋友不妨 ...
计算机入门新人必学,异世修真人怎么玩？新手快速入门必备技巧
异世修真人怎么快速入门?最近新出来的一款文字修仙游戏,很多萌新不知道怎么玩?进小编给大家带来了游戏新手快速入门技巧攻略,希望可以帮到大家. 新手快速入门攻略 1.开局出来往下找婆婆,交互给点钱,旁边有 ...
window10快速关机小技巧（超级简单）
今天发现了一个win10可以快速快速关机的小技巧,现在分享一下. 右击桌面空白处,新建快捷方式. 输入 shutdown -s(windows关机命令),点击下一步. 给该快捷方式命名(这个可以随便起 ...
excel一列求和_EXCEL快速填充、快速求和、自动调整列宽、快速分列小技巧
今天分享的以下几个EXCEL小技巧,让EXCEL办公事半功倍一.快速填充(双击) 1.根据习惯,我们经常用填充格式刷填充,即向下拖曳十字号格式刷,现在不用拖动,直接双击这个十字符号将自动向下填充,又 ...
多多视频带货快速出单小技巧！
拼多多视频带货蓝海零门槛实操分享! 多多带货视频基本上佣金不算很大,有些佣金大,但是大多不让视频带货,必须直播带货.从当前观测的结果,佣金低,但是容易爆单,这就是多多视频的特点. 当前稳定住每天10w ...
大数据分析入门小技巧
随着信息时代互联网的迅猛发展和大数据的兴起,许多人开始选择大数据产业.在选择数据分析时,他们更多地看到的是,这份工作前景广阔,薪水也不错.事实上,他们在进入数据分析或任何行业之前,都需要对自己有一个清 ...

threejs 快速入门小技巧

threejs 快速入门小技巧-three.js-master

前言

例子

如何下载/运行

three.js-master包

总结

threejs 快速入门小技巧相关推荐

最新文章

热门文章