three.js简介

1.three.js概念

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能

什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript来写3D程序的意思。Javascript是运行在网页端的脚本语言,那么毫无疑问Three.js也是运行在浏览器上的。

2.three.js的功能

Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。

3.three.js下载

three.js官网:https://threejs.org/

github各个版本:https://github.com/mrdoob/three.js/tags

4.three.js目录简介


Build目录:主要的两个文件three.min.js,three.js。

Docs目录:这里是three.js的帮助文档,里面是各个函数的api,可惜并没有详细的解释。试图用这些文档来学会three.js是不可能的。

Editor目录:一个类似3D-max的简单编辑程序,它能创建一些三维物体。

Examples目录:一些例子demo,可惜没有文档介绍。对图像学理解不深入的同学,学习成本非常高。

Src目录:源代码目录,里面是所有源代码。

Test目录:一些测试代码,基本没用。

5.three.js运用

在HTML文件中,加入<script src="js/three.min.js" type="text/javascript"></script>

注:src引用路径根据自己电脑文件存储路径

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 特点 Three.js特点: 掩盖了3D渲染细节 面向对象 功能丰富 速度快 支持交互 内置文件支持 拓展性强 同...
    bestvist阅读 4,884评论 0 2
  • What is Three.js 什么是threejs,很简单,你将它理解成three + js就可以了。thre...
    依依玖玥阅读 1,551评论 0 2
  • ====== WebGl/Thress.js =========== 介绍以及下载=====什么是threejs,...
    shy_1207阅读 5,578评论 0 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,610评论 1 45
  • 1 吴绮莉又上新闻了,“小龙女”投诉吴绮莉涉嫌恐吓没几天,吴绮莉就被发现自杀入院了。 自从和成龙的私情被曝光以来,...
    欣钥说阅读 3,212评论 13 36