Three.js和WebGL
2018-01-13 14:35
211 查看
一、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就可以了。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库)
- 利用HTML5构筑物理模拟环境~ WebGL库Three.js入门(1/3)
- [webGL学习]基于three.js构建WebGL实例第四讲
- 如何用webgl(three.js)搭建一个3D库房
- Three.js讲解以及WEBGL实例
- Three.js讲解以及WEBGL实例
- webgl+three.js,学习笔记,调用摄像头,做成纹理
- Three.js WebGL 绘制流程(一)
- 如何用webgl(three.js)搭建一个3D库房
- three.js_82 出现WebGL: INVALID_OPERATION: copyTexImage2D: framebuffer is incompatible format错误解决方法
- WebGL库Three.js入门
- three.js加载sea3D模型webgl_loader_sea3d
- [webGL学习]基于three.js构建WebGL实例第一讲
- Three.JS-学习 The WebGL earth (1)---globe.html 分析
- webGL之three.js入门4--ThreeJS Editor入门篇
- three.js(七) 绘制到WebGLRenderTarget
- 如何用webgl(three.js)搭建一个3D库房
- Three.js讲解以及WEBGL实例
- THREE.js--数学之美,国外有大牛做的webgl 曲线动画.
- three.js是什么,能干嘛,和webgl什么关系