Download
1 / 27
270 likes | 481 Views
X3D 教程. 掌握 X3D 第一节. 什么是 X3D 一种能在网络上浏览的三维格式. 掌握 X3D 第一节. 现在一些书写得不好，开篇就用大篇幅说概念 开门见山 因为了解 才会来看这教程. 掌握 X3D 第一节. 查看 X3D 模型. 1 软件 BS Contact 2 浏览器. 掌握 X3D 第一节. 基本结构. <X3D> <Scene> …… </Scene> </X3D> <XXX> 标记开始 </XXX> 标记结束
E N D
掌握X3D 第一节 • 什么是X3D • 一种能在网络上浏览的三维格式
掌握X3D 第一节 • 现在一些书写得不好，开篇就用大篇幅说概念 • 开门见山 • 因为了解 才会来看这教程
掌握X3D 第一节 查看X3D模型 • 1软件 BS Contact • 2 浏览器
掌握X3D 第一节 基本结构 • <X3D><Scene>……</Scene></X3D> • <XXX>标记开始 </XXX>标记结束 • <X3D>表示这是X3D文件 • <Scene>X3D场景在这个标记里编写
掌握X3D 第一节 长方体 • <Shape><Box /></Shape> • <Shape>形状及其属性在这个标记里编写<Box />正方体
掌握X3D 第一节 长方体 • 属性 • size 大小 • <Box size="2 1 1"/>
掌握X3D 第一节 圆柱体 • <Cylinder/> • <Cylinder height=“2.0” radius=“1” /> • height 高度 • radius 半径
掌握X3D 第一节 圆柱体 • <Cylinder height=“3.0” radius=“1.5” top=“false”/> Bottom 决定底部是否存在 Side 决定侧面是否存在 Top 决定圆柱顶部是否存在
掌握X3D 第一节 圆锥 • <Cone />
掌握X3D 第一节 圆锥 • bottomRadius 底部半径 • height 高度 • bottom 底部是否存在 • side 侧面是否存在 • <Cone bottom="false" bottomRadius=“1.0" height=“3.0"/>
掌握X3D 第一节 圆球 • <Sphere /> • radius 半径 • <Sphere radius="1.8"/>
掌握X3D 第一节 文字 • <Shape> • <Text string="X3D"/> • </Shape> • String 文字内容 • <Text/>=<Text></Text>
掌握X3D 第一节 FontStyle • <Shape> • <Text string="Welcome in X3D!"> • <FontStyle size="5"/> • </Text> • </Shape> • FontStyle • size 大小
掌握X3D 第一节 复习 • <box/> <Cylinder/> • <Cone /> <Sphere /> • < Text />
掌握X3D 第一节 组合 • 正方体+圆锥体 • <Shape> • <Cone height="3"/> • </Shape> • <Shape> • <Box /> • </Shape>
掌握X3D 第一节 变换Transform <Transform> • translation 位置 • rotation 旋转 • scale 缩放
掌握X3D 第一节 • <Transform translation ="0 0 0"> • <Shape> • <Sphere/> • </Shape> • </Transform> • <Transform translation ="1 0 0"> • <Shape> • <Box /> • </Shape> • </Transform>
掌握X3D 第一节 • <Transform rotation ="0 0 1 0"> • <Shape> • <Box /> • </Shape> • </Transform> • <Transform rotation ="45 0 45 90" translation ="3 0 0"> • <Shape> • <Box /> • </Shape> • </Transform>
例子：四个方形 <Transform translation ="0 2 0"> <Shape> <Box /> </Shape> </Transform> <Transform translation ="0 -2 0"> <Shape> <Box /> </Shape> </Transform> • <Transform translation ="2 0 0"> • <Shape> • <Box /> • </Shape> • </Transform> • <Transform translation ="-2 0 0"> • <Shape> • <Box /> • </Shape> • </Transform>
掌握X3D 第一节 例子：简单雪人 身体 <Transform translation ="0 -2 0"> <Shape> <Sphere radius="1.5"/> </Shape> </Transform> 帽子 • <Transform translation ="0 1 0"> • <Shape> • <Cone /> • </Shape> • </Transform> • 头 • <Transform translation ="0 0 0"> • <Shape> • <Sphere /> • </Shape> • </Transform>
掌握X3D 第一节 例子：简单雪人 手 <Transform translation ="1.5 -1 0" rotation ="0 0 90 90" > <Shape> <Cylinder height="1.5" radius="0.1" /> </Shape> </Transform> <Transform translation ="-1.5 -1 0" rotation ="0 0 -90 90" > <Shape> <Cylinder height="1.5" radius="0.1" /> </Shape> </Transform> • 鼻子 • <Transform translation ="0 -0.2 1" rotation ="1 0 0 90" > • <Shape> • <Cone bottomRadius="0.3" height="0.6"/> • </Shape> • </Transform>
掌握X3D 第一节 Inline • <X3D> • <Scene> • <Inline url="avatar.wrl"/> • </Scene> • </X3D>
掌握X3D 第一节 • <Transform translation ="0 3 0"> • <Inline url="avatar.wrl"/> • </Transform> • <Inline url="kl.x3d"/>
掌握X3D 第一节 • <Transform translation ="0 1 0"> • <Inline url="avatar.wrl"/> • </Transform> • <Transform scale ="1 0.1 1"> • <Inline url="kl.x3d"/> • </Transform>
