Three.js和WebGL

一、Three.js简介：

简单地可以将它理解成three + js就可以了。three表示3D的意思，js表示javascript的意思。那么合起来，three.js就是使用javascript 来写3D程序的意思。three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。

二、WebGL简介：

WebGL(全写Web Graphics Library)是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。

WebGL完美地解决了现有的Web交互式三维动画的两个问题:第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

三、关于学习Three.js和WebGL的网站：

1.WebGL中文网：系统的讲解和学习

2.three.js详解：博客介绍的很详细。

3.如何系统的学习three.js？

4.Three.js 中文教程

Three.js和WebGL相关推荐

Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换
Three 之 three.js (webgl)透视视角和正交视角,以及透视转正交的视角切换目录 Three 之 three.js (webgl)透视视角和正交视角,以及透视转正交的视角切换一.简 ...
用于 Unity 和虚幻引擎的 Asm.js 与 WebGL
用于 Unity 和虚幻引擎的 Asm.js 与 WebGL 摘要:本文来自微软,是一个 web 开发系列文章的一部分.感谢你对实现了 SitePoint 的成员的支持. Unity 以及 Epic ...
Three 之 three.js （webgl）基础第二个入门案例之汽车模型加载和简单模型展示
Three 之 three.js (webgl)基础第二个入门案例之汽车模型加载和简单模型展示目录 Three 之 three.js (webgl)基础第二个入门案例之汽车模型加载和简单模型展 ...
Three 之 three.js （webgl）基础第一个入门 Web 3D 场景
Three 之 three.js (webgl)基础第一个入门 Web 3D 场景目录 Three 之 three.js (webgl)基础第一个入门 Web 3D 场景一.简单介绍二.Th ...
深入理解Three.js（WebGL）贴图（纹理映射）和UV映射
本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,"贴图"的翻译要更直观,而"纹理映射"更准确.).为了能够查看 ...
html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发...
4.0.0 主要更新添加了对ammo.js的支持, 作为物理插件(复合对象,电机,关节) (TrevorDev)Added 在ammo.js物理插件中增加了对 3D软体,2D布和1D绳索的软体的支 ...
接触webGl(three.js)之全景(VR)看房的实现旅程总结
文章目录前言实现全景(VR)看房的方式一.纯Three.js方式 1.安装包 2.实现的业务代码 3.实现演示二. 使用photo-sphere-viewer 1.安装包 2.实现的业务代码 ...
three.js 加载显示文字
three.js 加载显示文字代码放到 ./three.js/examples/ 下 <!DOCTYPE html> <html lang="en">&l ...
使用 x3dom 框架及 WebGL 在浏览器上显示 3 维模型
如果需要在浏览器上显示 3D 画面的话, 现在一般会使用 WebGL, 典型的例如 three.js(http://mrdoob.github.com/three.js/), 但是 WebGL 对 ...

Three.js和WebGL

Three.js和WebGL相关推荐

最新文章

热门文章