VRML中二维地图的一种制作方法

VRML中二维地图的一种制作方法
转载于
VRML中二维地图的一种制作方法
首先我们来讲解一下二维导航地图的原理：
在VRML世界当中，世界坐标系的定义为右手系。如下图所示：
即X轴水平指向屏幕左侧，Y轴垂直向上，而Z轴则指向我们用户。
在我们所制作的场景当中，虚拟替身的行走是在X-Z平面上的。而我们现在所要制作的二维地图，是要在平行于我们的显示器平面上，也就是说X-Y平面上。
而偏移量是你的场景中心点与世界坐标系原点之间的距离（当然也分为X轴偏移量和Z轴偏移量）。
我们的视点在场景当中的坐标值可以通过VRML97标准当中给我们提供的ProximitySensor节点的position_changed事件出口来获得。
这样我们可以在脚本节点当中定义相同类型的EventIn来接收这个值，并进行相应的处理。如下：
scale 1 1 1
children [
#二维地图的形体表现，一个没有深度的Box，当然，你也可以用一个面
Transform {
children [
Shape {
orientationtomap.angle=value.angle;
}
"
}
ROUTE proxy.position_changed TO script.getposition
ROUTE proxy.orientation_changed TO script.getorientation
appearance Appearance {
material Material {
emissiveColor 1 1 1
field SFFloat proportion_z 1000
url "javascript:
function getposition (value)
{
positiontomap.x=(value.x+offset_x)/proportion_x;
positiontomap.y=-(value.z+offset_z)/proportion_z;
我想说到这里，大家对二维地图的原理已经清楚了，那么接下来我将以上的原理整理一下，写成一个完整的程序，以便大家能够更清楚地了解二维地图的制作方法：
#首先：定义一个二维地图
#注意，这里面我以BS和Blaxxun浏览器为例，将二维地图放置在一个Layer
#中，如果你使用cortona或者其他浏览器的话，你也可以采用别的方法来承载
size 100000 100000 100000
center 0 0 0
enabled TRUE
}
#脚本，这里将两种作用的方法写在同一个脚本当中
DEF script Script {
eventIn SFVec3f getposition
eventIn SFRotation getorientation
当然，上面我们已经说过，要进行Z轴到Y轴的变换，只需要简单的把计算Z值所得的结果直接传递给二维地图的Y值就可以了。但是不要忘记，VRML当中的空间坐标系规则为右手系，如果把Y轴转换为Z轴朝向我们用户本身的话，此时的Z轴的方向却不是如正常的Y轴一样垂直向上，而是正好相反垂直向下（如下图）。所以我们在赋值给地图Y坐标的时候需要将计算结果取负。
DEF script Script {
EventIn SFVec3f getposition
EventOut SFVec3f positiontomap
url “javascript:
function getposition (value)
{
positiontomap.x=(value.x+offset_x)/proportion_x;
为了方便，我将这些代码中的大部分制作成了一个外部扩展节点，大家可以方便的调用，设置好参数就可以了。
l功能简介：
将二维地图的一些简单功能写成了一个节点，将参数设置好，就可以很简单的制作二维地图了。
l扩展节点定义：
EXTERNPROTO map2D [
exposedField SFVec2f translation
appearance Appearance {
material Material {
emissiveColor 1 0 0
positiontomap.z=0;
}
function getorientation (value)
{
orientationtomap.x=value.x;
orientationtomap.y=value.z;
orientationtomap.z=value.y;
接下来，我们只需要将这个计算结果传递给我们所制作的二维地图当中的一个用来标志当前视点位置的标志物就可以了。如果不考虑方向问题，这里的标志物可以直接用无方向性的小球来代替。
那么下面我们来说一下可以表示方向性的二维地图：
原理是相同的，只不过我们现在不仅仅需要上面的坐标运算，除此之外还需要一个空间朝向运算。当前视点的空间朝向可以同样从ProximitySensor当中得到，相应的事件出口为orientation_changed 。
}
}
]
}
]
}
]
}
#用来获得当前视点位置的代理节点
DEF proxy ProximitySensor {
}
texture ImageTexture {
url "yourmap.jpg"
#贴上你制作好的二维地图图片，可以在VRML或3Dmax中截图，进行简单的处理
exposedField SFVec2f buode buttons
exposedField SFVec3f signsize
field SFFloat proportion_x
#二维地图，比如说HUD，总之，就是要保证它与显示器平面平行。
Layer2D {
children [
#这个Transform的作用是让你可以整体的移动二维地图，调整他的位置或进行整体的缩放
DEF maptrans Transform {
translation 0 0 0
从这里可以看出，实际上二维地图的制作原理很简单，只需要把X-Z平面上的坐标值简单的变换到X-Y平面上即可。也就是说，将三维世界的Z坐标值变换为二维世界当中的Y坐标值。
当然，这里还需要两个参数来对这个二维地图进行调整，第一个是比例系数，另外一个是偏移量。
所谓比例系数，就是你的场景的真实尺寸（场景在X轴和Z轴上的长度）与二维地图尺寸的比值。
}
}
geometry Box {
size 1 1 0
}
ROUTE script.positiontomap TO sign.translation
ROUTE script.orientationtomap TO sign.rotation
可以直接将以上代码复制到vrmlpad当中，用BS或者blaxxun来观察结果。
到此为止，我们的二维地图制作方法就讲解完了。
eventOut SFVec3f positiontomap
eventOut SFRotation orientationtomap
#这里就需要你自己来设置了
field SFFloat offset_x 0
field SFFloat offset_z 0
field SFFloat proportion_x 1000
}
]
}
#用来做标志物的圆锥体
DEF sign Transform {
children [
Shape {
exposedField SFVec2f size
exposedField MFString mapimg
exposedField SFVec2f button_close_translation
exposedField SFVec2f button_close_size
exposedField MFString button_close_img
{
orientationtomap.x=value.x;
orientationtomap.y=value.z;
orientationtomap.z=value.y;
orientationtomap.angle=value.angle;
positiontomap.y=-(value.z+offset_z)/proportion_z;
positiontomap.z=0;
}
”
}
在这里，我们所用的公式为：二维地图坐标值=（三维场景坐标值+偏移量）/比例系数。
需要注意的是，由于你的二维地图贴图不一定是很规则的，所以offset和proportion有可能需要一些微调。
}
}
geometry Cone {
bottomRadius 0.025
height 0.1
同样，我们可以在脚本节点当中定义类型相同的EventIn来接收并处理这个空间朝向值：
如：
DEF script Script {
EventIn SFVec3f getorientation
EventOut SFVec3f orientationtomap
url “javascript:
function getorientation(value)