3D Rendering in JavaScript
[ 2006-11-03 09:03:07 | Author: todd ]
这个demo演示了如何使用js/dom/css来在浏览器中渲染出3d模型,而且还可以用键盘控制其旋转。实在是令人惊叹。
其原理其实也很简单,就是利用border。浏览器在渲染比较宽的border时,结合处是有斜面的,以此再配合颜色,就可以做出小块的三角形,然后多个小三角形,就可以组成一个不规则的图形了。
demo支持IE7、FF、Opera。不过很遗憾,IE6下因为透明边框的支持问题,显示不太理想。
查看这里。
有人又做了改进,让他支持IE6了。查看这里。
[Last Modified By todd, at 2006-11-03 09:23:25]
Comments Feed: http://www.todd-lee.com/blog/feed.asp?q=comment&id=178










javascript动画基础:http://www.mozilla.org/docs/dom/samples/
设置border得到三角:http://www.siteweb.cn/articles/em.html
不过3D、动画这些东西,是OpenGL Graphics Engine、Flash等的强项,如何具体应用有待研究(或者封装为一个小型库?)
目前javascript和flash之间的交互可能有更好的实际应用价值