Extjs 4.2 MVC+ThreeJs学习笔记（一）ThreeJs简介

1. WebGL
   

   WebGL是Khronos协会正在制定的一种3D绘图标准，它是一个跨平台的、开源的Web浏览器3D绘图API。它是由Mozilla基金会原创，目前由Khronos协会下由Google、Opera、Mozilla和Apple等主流浏览器公司开发人员和其他三维图形开发者形成的WebGL Working Group开发。

   WebGL基于OpenGL ES 2.0标准，并使用OpenGL着色语言GLSL，而且还提供了类似于标准的OpenGL的API。WebGL运行与HTML 5的Canvas元素中，WebGL与HTML中所有的DOM接口集成，它也是一个DOM API，这就是说它可以被任何与DOM兼容的编程语言如JavaScript、Java、Object-C等调用。

   因为WebGL是基于OpenGL的，将在主流浏览器中集成，所有拥有一些核心优势：

   • 它是一个基于被广泛熟悉和接受的三维图形标准API

   • 它具有跨平台、跨语言、跨浏览器的特性

   • 它有与HTML内容紧密集成，包括分层合成，与其他HTML元素和交互和HTML事件处理机制的使用

   • 它提供浏览器环境中的3D图形硬件加速

2. ThreeJS

   WebGL是相当底层的语言，特别是对于没有3D开发经验没有接触过OpenGL的人来说，全部用WebGL来开发一个项目的话，会相当麻烦。因此使用一个framework是一个很好的途径。

   最近这几年，WebGL的发展非常迅速，各种framework，engine层出不穷，比如Babylon JS、Goo Engine、Gladius、GLGE、PhiloGL、C3DL等等。然而其中很多的项目由于缺少足够的Documents API以及Demo的原因，使我们开发WebGL程序变得很麻烦。

   ThreeJS是一个WebGL的framework，他有大量的Demo和规范的API文档，应用非常广泛，在各种网站都有很多的资源。

   当然ThreeJS不只是可以用WebGL来渲染3D场景，它还支持HTML5 Canvas和SVG模式。

   官方网站：http://threejs.org/
   GitHub：https://github.com/mrdoob/three.js/
   

3. PS
   这是我需要做的一个3D的程序，由于我们实验室只有我自己在研究OpenGL，所以也没有个大哥可以请教一下，所有的东西都是google上找的，其中的艰难一言难尽。
   目前我已经做了2个月，第一个月我在WPF用OpenGL的一个C#库写的，做好之后发现渲染的相当失败，WPF本来渲染效率就很拙计，再加上OpenGL是一个实时性要求相当高的技术，对于C#这种托管的代码来说，明显也是不适合的。痛定思痛我决定用WebGL重做这个程序。界面层用Extjs 4.2 MVC来搭建，3D场景用WebGL来实现。
   为了及时总结学习的成果，以及后来的同学分享一下，所以决定写一个博客来记录一下。