Photon--CSS 3D光照引擎

Photon--CSS 3D光照引擎
作者：夜飞羽 来源：mxria.com  时间：2012-08-30

 Photon是一个JavaScript库，可以为3D DOM元素制作简单的光影效果。Photon基于WebKitCSSMatrix 实现，所以仅支持WebKit浏览器（即：Chrome、Safari等，不支持IE）。 Photon是processor-intensive,它并不会过于占处理器资源，所以你可以放心地使用它而不必太担心CPU占用率过高。相比OpenGL之类专业3D库，Photon目前的功能还是比较简单，但对于页面应用的开发已经足够了，大家都习惯称之为CSS 3D光照引擎。利用它，你可以用Javascript代码实现很多光照阴影效果，从而展示出绚丽的3D效果。

 

欢迎前往官方网站了解详细情况，这里是详细的使用说明。源代码已经托管在GitHub上，也可以点击这里单独下载JavaScript文件。

使用方式也比较简单：

先定义光源，光源位置采用x,y,z三个维度在网页范围内设置。

	 var  light=new Photon.Light(); // 默认是x=0,y=0,z=100

也可以使用构造器的形式 Photon.Light( x = 0, y = 0, z = 100 )

然后选择相应的DOM对象进行渲染

   var face = new Photon.Face( $('.face-1')[0] );	
   face.render(light, true);