X3D实战基础讲座之三

<table cellSpacing=0 cellPadding=5 width=570 bgColor=#fbe392 border=0> <tr> <td> <table cellSpacing=0 cellPadding=5 width=570 border=0> <tr> <td align=middle width=200 bgColor=#e1b004>天极IT资讯短信服务 电脑小技巧
<table cellSpacing=0 cellPadding=3 width="100%" bgColor=#fffcc0 border=0> function check4() { if (dn.mobile.value.length!=11) { alert("手机号码不正确!"); dn.mobile.focus(); return false; } return true; } <form name=dn onsubmit="return check4()" action=http://www.my5757.com/tj/join.jsp target=_blank> <tr vAlign=center> <td>资费：包月5元
手机： <input style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 16px" size=11 name=mobile> <input type=image height=18 width=45 src="http://www.my5757.com/yesky/images/d34.gif" align=middle border=0 name=image2> </td></tr><input type=hidden value=yjq name=stype> </form></table></td> <td width=370 bgColor=#fbc403>介绍：细处着手，巧处用功。高手和菜鸟之间的差别就是：高手什么都知道，菜鸟知道一些。电脑小技巧收集最新奇招高招，让你轻松踏上高手之路。 </td></tr></table></td></tr></table>

　　在本讲中，我们将介绍如何点、线及其基本2D图形的创建和构造，其中还简单地介绍了X3D的坐标系。

<iframe align=right marginWidth=0 marginHeight=0 src="http://images.chinabyte.com/adjs/iframe-pip/y-software-pip.html" frameBorder=0 width=360 scrolling=no height=300></iframe>　　一、 点及点的坐标

　　在X3D的场景中设置物体需要有明确的坐标。在同一个场景中，有一个统一的坐标系。这个坐标系是一个右手坐标系，在初始时(即观察者没有移动位置和改变视角)，该坐标系的X轴为沿屏幕水平向右，Y轴为沿屏幕垂直向上，Z轴为从屏幕指向用户。

　　在X3D中,点的坐标是(x, y, z)，坐标的单位是逻辑单位，即是X3D的VRML单位，由于它所显示的图形是按比例进行的，因此你可以把单位当成mm。在指定坐标量各坐标分量值可以用空格分开也可以用逗号分隔。下面的示例是显示四个点，其代码如下：



　　说明：

　　(1) X3D支持点的节点是PointSet，它可以包含Color 和Coordinate节点。Color节点是用来构造颜色值的索引表用于指定对应点或对象的颜色，Coordinate节点是用来构造坐标的列表。

　　(2) 在Coordinate节点属性窗口中，单击point属性内容，弹出一对话框，添加如下图的坐标点。



　　上述代码的结果如下图所示。



　　若要指定单个点的不同颜色，可删除Appearance节点，并在PointSet节点添加Color子节点，并指定其color属性值，如下图所示：



　　这样上述场景代码就变成：



　　运行结果如下：