用HTML5画一个3D的三角形网格

本教程的主题是利用HTML5技术在2D和3D图形之间搭一座互通的桥梁（通过WebGL方式）。今天我将展示如何使用一个多边形网格绘制一个三维对象。 一个多边形网格或非结构化网格是一个集合的顶点,边缘和面孔,在3 d电脑图像和实体建模定义了一个多面体的对象的形状。通常由三角形的面孔,四边形或其他简单凸多边形,因为这样可以简化渲染,但也可能是由更一般的凹多边 形,或多边形的洞。

为了演示,我们准备了简单的三维物体——一个多维数据集和多维领域

HTML CODE

通常我们会在canvas里做一个简单的标记

Triangle mesh for 3D objects in HTML5 | Script Tutorials








//var obj = new cube();
//var obj = new sphere(6);
var obj = new sphere(16);

Please use Up / Down keys to change opacity

查看更多关于用HTML5画一个3D的三角形网格的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did69528