X3D立体网页设计-第4讲

回顾复杂几何节点设计：PointSet“点”节点IndexedLineSet“线”节点IndexedFaceSet“面”节点ElevationGrid海拔栅格节点Extrusion挤出造型节点项目实例第4讲组节点设计Transform空间坐标变换节点

Group编组节点

Inline内联节点

Switch开关节点

Billboard节点

Anchor节点

LOD细节层次节点项目实例Transform空间坐标变换节点

语法定义Transform空间坐标变换节点{ translation 000 rotation 0010 center 000 scale 111 scaleOrientation 0010 bboxCenter 000 bboxSize -1–1-1 containerField children }实例程序效果Transform空间坐标变换节点实例效果Transform空间坐标变换节点

源程序实例<Scene><BackgroundskyColor="0.980.980.98"/><Transformtranslation="02.20"><Shape><Appearance><MaterialambientIntensity="0.1"diffuseColor="100"shininess="0.15"specularColor="0.80.80.8"/></Appearance><Sphereradius="0.8"/></Shape></Transform><Transformtranslation="000"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Cylinderbottom="true"height="6"radius="0.3"side="true"solid="true"top="true"/></Shape></Transform></Scene>2.Group编组节点Group编组节点定义：{ bboxCenter 000 bboxSize -1–1-1 containerFiel children }Group编组节点运行效果Group编组节点运行效果Group编组节点编程实例<Scene><BackgroundskyColor="0.980.980.98"/><GroupbboxCenter="000"bboxSize="-1-1-1"containerField="children"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.8"/></Appearance><Cylinderbottom="true"height="4"radius="0.4"side="true"solid="true"top="true"/></Shape><Transformtranslation="020"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Sphereradius="1"/></Shape></Transform><Transformtranslation="0-20"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.8"/></Appearance><Sphereradius="1"/></Shape></Transform></Group></Scene>3.Inline内联节点Inline内联节点定义：{ load true url bboxCenter 000 bboxSize -1–1-1 containerField children }Inline内联节点运行效果Inline内联节点设计效果Inline内联节点实例程序<Scene><BackgroundskyColor="0.980.980.98"/><Transformrotation="001-0.524"scale="0.240.2"translation="200"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.8"/></Appearance><Sphereradius="1"/></Shape></Transform><Transformrotation="1000.524"scale="10.251"translation="-2-20"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Sphereradius="1"/></Shape></Transform><Transformrotation="0011.571"scale="0.50.50.5"translation="4-20"><Inlineurl="px3d7-2.x3d"/></Transform></Scene>4.Switch开关节点Switch开关节点语法定义:Switch开关节点{ whichChoice -1 bboxCenter 000 bboxSize -1–1-1 containerField children }Switch开关节点运行效果Switch开关节点运行效果Switch开关节点源程序实例<Scene><BackgroundskyColor="0.980.980.98"/><SwitchbboxCenter="000"bboxSize="-1-1-1"containerField="children"whichChoice="0"><Shape><Appearance><MaterialdiffuseColor="101"/></Appearance><Textsolid="true"string="0：FirstText:X3D"/></Shape><Shape><Appearance><MaterialdiffuseColor="011"/></Appearance><Textstring="1:SecondText:X3DV"/></Shape><Shape><Appearance><MaterialdiffuseColor="001"/></Appearance><Textstring="1:ThirdText:VRML"/></Shape></Switch></Scene>5.Billboard节点Billboard节点语法定义:Billboard广告、警示牌、海报节点{ axisOfRotation 010 bboxCenter 000 bboxSize -1–1-1 containerField children }Billboard节点实例程序

<Scene><BackgroundskyColor="0.980.980.98"/><BillboardaxisOfRotation="010"bboxCenter="000"bboxSize="-1-1-1"><Transformtranslation="040"><Shape><Appearance><Material/><ImageTextureurl="0109-1.jpg"/></Appearance><Boxsize="421"/></Shape></Transform><Transformtranslation="010"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Cylinderheight="5"radius="0.3"/></Shape></Transform><Transformtranslation="0-1.50"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Cylinderheight="0.3"radius="1"/></Shape></Transform></Billboard></Scene>Billboard节点运行结果图Billboard节点运行效果图6.Anchor节点Anchor节点语法定义:Anchor锚节点{ description url parameter bboxCenter 000 bboxSize -1–1-1 containerField children }Anchor节点实例程序

<Scene><BackgroundskyColor="0.980.980.98"/><Anchordescription="maincallpx3d7-6-1.x3d"url="px3d7-6-1.x3d"><Transformtranslation="000"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.30.20.0"shininess="0.2"specularColor="0.70.70.6"/><ImageTextureurl="men001.jpg"/></Appearance><Boxsize="470.5"/></Shape></Transform><Transformtranslation="-1.6-0.20.3"><Shape><Appearance><MaterialambientIntensity="0.4"diffuseColor="0.50.50.7"shininess="0.2"specularColor="0.80.80.9"/></Appearance><Sphereradius="0.2"/></Shape></Transform></Anchor></Scene>A