three.js介绍和学习资料说明

1、three.js能做什么

Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎,它主要应用于游戏开发、动画设计、智慧城市、数字孪生、模型展示等。下面几个是在智慧城市和数字孪生等方面的应用案例。

  2、WEBGL几个概览解释

(1) Three.JS Three.JS是基于WebGL的Javascript开源框架,简言之,就是能够实现3D效果的JS库。

(2) WebGL WebGL是一种Javascript的3D图形接口,把JavaScript和OpenGL ES 2.0结合在一起。

(3) OpenGL OpenGL是开放式图形标准,跨编程语言、跨平台,Javascript、Java 、C、C++ 、 python 等都能支持OpenG ,OpenGL的Javascript实现就是WebGL,另外很多CAD制图软件都采用这种标准。OpenGL ES 2.0是OpenGL的子集,针对手机、游戏主机等嵌入式设备而设计。

(4) Canvas Canvas是HTML5的画布元素,在使用Canvas时,需要用到Canvas的上下文,可以用2D上下文绘制二维的图像,也可以使用3D上下文绘制三维的图像,其中3D上下文就是指WebGL

3、three.js官网介绍

threeJs官网:https://threejs.org/

threeJs源码github下载:https://github.com/mrdoob/three.js

threeJs官方API文档:https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene

threeJs官方入门教程:https://threejs.org/manual/#zh/fundamentals

threeJs官网案例:https://threejs.org/examples/#webgl_animation_keyframes

4、three.js国内文档和下载地址

threeJs零基础入门教程(更新中):http://www.webgl3d.cn/

WebGL零基础入门教程:http://www.webgl3d.cn/WebGL/

threeJs国内百度网盘下载地址:http://www.webgl3d.cn/links/master.html

5、three.js下载和目录结构说明

github下载需要FQ,如果不能FQ的同学,建议从国内百度网盘地址下载,上面有提供地址。

下载解压之后,目录结构截图如下(下面是下载的148版本的):

对于开发者而言,大家经常接触的是文档docs案例examples两个文件夹,平时查看文档,可以打开文档docs里面html文件,案例examples里面提供了海量threejs功能案例。

 

 

 

 

 

posted @ 2023-01-14 21:28  JackGIS  阅读(2772)  评论(0编辑  收藏  举报