用PROE结合FLASH在局域网中展示产品造型

发布时间：

论　文　园　地
TechnicalPapers
用ＰＲＯＥ结合ＦＬＡＳＨ
在局域网中展示产品造型
合肥荣事达三洋电器股份有限公司　　沈杰Ｓｈｅｎ　Ｊｉｅ
１引言
本文论述了如何利用ＰＲＯＥＮＧＩＮＥＥＲＷＩＬＤＦＩＲＥ２．０的三维造型功能和ＦＬＡＳＨ８的交互性动画制作功能，通过局域网来展示产品造型。
２用ＰＲＯＥ作出产品造型
本文建议采用一种“自顶向下”的设计方法，以便对设计的造型进行更改，这种方法在产品造型阶段很适用。这里的“顶”是指“骨架模型”。原理是，同一组件的各元件都通过“骨架模型”产生，从而通过“骨架模型”联系在一起，当需要对一个元件进行更改时，就对“骨架模型”的相应部分进行更改，这样，相关元件都会被更改。这种方法还有一个好处是，各个零件共用一个“骨架模型”的坐标系，不用考虑装配的位置关系。结合“电饭煲”的设计，具体方法简要说明如下：
２．１　先根据设计师的思想，作出骨架模型。
因为ＰＲＯＥＮＧＩＮＥＥＲ　ＷＩＬＤＦＩＲＥ２．０在缺省状态下，不支持中文的文件名，所以这里的文件名采用英文或汉语拼音。在当前路径下，新建一个目录“产品视图”，采用零件模板新建一个零件取名为“ＣＯＯＫＥＲ”，作为骨架模型。运用ＰＲＯＥ的曲面和实体造型功能，可以得到一个实体模型如图１，这是一个电饭煲实体的基本形状，这就是我们需要的骨架模型。
用这种方法需要注意的是，骨架模型的各个部分都要连在一起，而且分型面必需切割到实体，否则后面的“实体化”不能完成。另外，为了不让骨架模型太复杂，对于零件的细节特征或较小的零件，不用作出形状，可作出零件的关键曲线。例如
图２　　上盖分型面
图４　　元件树图３　　上盖图
图１　　骨架模型
此造型中的开盖按钮“ＢＵＴＴＯＮ＿ＯＰＥＮ．ＰＲＴ”。这样，可以减少骨架模型的工作量，而把工作量分摊到各个零件的制作中，如果是团队合作制作造型的各个零件，还可以提高效率。
２．２　　在骨架模型中作出各零件的分型面，这里的分型面不是注塑件模具的分型面，而是用于从骨架模型中分割出各个零件基本造型的面或面组，例如图２中列出了零件上盖ＣＯＶＥＲ的分型面。
２．３　　新建组件ＣＯＯＫＥＲ＿ＳＣＵＬＰＴ．ＡＳＭ，作为展示造型的文件。先建立元件树，如图４，其中元件按图中顺序依次为底座，锅身，面架，开该按钮，锅盖组件，上盖，装饰盖，控制面板组件。
２．４　　右键点击元件树中的ＣＯＶＥＲ．ＰＲＴ，选择“打开”。插入“共享数据”中的“继承自其它模型”，选择刚才建立的骨架模型ＣＯＯＫＥＲ．ＰＲＴ，并保存。然后对元件树中的其它零件同样操作，这样，每个零件中都含有骨架模型ＣＯＯＫＥＲ．ＰＲＴ。２．５　　激活ＣＯＶＥＲ．ＰＲＴ窗口，在特征树中选择ＣＯＶＥＲ的分型面，然后进行“实体化”（具体方法是：在“编辑”菜单中选择“实体化”，然后点击“移除材料”按钮，并确定正确的“实体化”方向）后，就可以得到零件ＣＯＶＥＲ的基本形状，如图３。之后，可以增加ＣＯＶＥＲ的细节特征，完成ＣＯＶＥＲ的造型。类似地，可以得到其它零件的造型。对于小零件开盖按钮“ＢＵＴＴＯＮ＿ＯＰＥＮ．ＰＲＴ”由于在骨架模型中没有体现形状，需先根据关键曲线作出实体形状，再用分型面进行实体化。
65

家电科技ChinaApplianceTechnology
２．６　　所有零件的造型作好并保存后，组件ＣＯＯＫＥＲ＿ＳＣＵＬＰＴ．ＡＳＭ，就是得到的产品造型，设置好各零件颜色后，效果如图５。
其中对于控制面板的设计，有两种方
“ＦＲＯＮＴ”，“ＬＥＦＴ”，“ＲＩＧＨＴ”，“ＴＯＰ”为采用ＰＲＯＥ零件模板时在“保存的视图列表”中缺省存在的几个视图方向。２．７．２　　利用“重定向”获得视图
点击“保存的视图列表”图标，选择
以上是单独使用ＰＲＯＥ做造型展示需要的步骤，这样就得到一组不同方向的视图图像。
２．９　　用图像处理软件（如“ＰＨＯＴＯＳＨＯＰ”）将得到的ｊｐｇ或ｔｉｆ格式文件处理成高５７０ｐｘ（宽，用锁定长宽比的缺省值７３８ｐｘ），并存为ｊｐｇ格式。因图片较多，注意采用批处理功能，先定好第一张图片处理步骤，只要用不到一分钟的时间就可以处理完其余所有图片。这一步是为ＦＬＡＳＨ动画调用图片做好准备，也是使用ＦＬＡＳＨ要额外增加的工作量。这里的图片大小是根据评价者的显示器分辨率为１０２４×７６８来确定的，如果分辨率为１２８０×１０２４或者更高，可以适当扩大图片，并相应扩大下述ＦＬＡＳＨ文档的大小。３　用ＦＬＡＳＨ　作出有交互性的动画３．１　　新建一个ＦＬＡＳＨ文档，取名为“产品造型”。修改文档为宽８２８ｐｉｘ，高６６０ｐｉｘ。３．２　　新建两个图层，用缺省名称“图层２”和“图层３”。
３．３　　在所有图层第６０帧，插入帧。３．４　　在“图层３”和“图层２”，从第１帧到第５５帧，每隔６帧，转换为关键帧，如图１０。
３．５　　在“图层３”，将１０个关键帧分别命名为“ＹＺＸ”，“ＦＲＯＮＴ”，“ＬＥＦＴ”，“ＲＩＧＨＴ”，　“ＹＺ”，“ＺＸ”，“Ｚ－Ｘ”，“ＹＺ－Ｘ”，“ＹＸ”，“Ｙ－Ｘ”，用来显示相应名称的视图，如图６。
３．６　　在“图层１”，绘制一个矩形，高５７０ｐｘ，宽７３８ｐｉｘ，右键点击它，转换成元件，并命名为“视图”。
３．７　　在“图层３”，对关键帧“ＹＺＸ”，添加动作脚本：
ｓｔｏｐ（）；　　ｌｏａｄＭｏｖｉｅ（＂ｆｉｌｅ：／／／产品视图／ＹＺＸ．ｊｐｇ＂，视图）；
同样对其它关键帧，添加动作脚本：
法。一种常用方法是先用平面设计软件，“ＴＯＰ”视图。打开重定向窗口，选择动态设计出面板的平面图，然后用“贴图”的方法，把它贴到三维模型的表面。对于平面或接近于平面的控制面板来说，这是一种快捷的方法。但是对于曲面形状的控制面板来说，这种方法作出的造型立体感较差。另一种方法是将控制面板的各个元素（包括按钮和文字）都作成零件。这样做工作量较大，尤其是汉字的制作较繁琐，但是，立体感强，可以真实地表现出曲面控制面板的造型效果，本文图５的造型效果就是采用这种方法得到的。
定向，并使用旋转中心轴旋转，在“ＴＯＰ”视图中将组件绕Ｘ轴旋转－４５°，得到ＹＺ方向的视图，并保存。
用同样的方法，在得到的ＹＺ方向的视图中，将组件绕Ｙ轴旋转－４５°，得到ＹＺＸ方向的视图，并保存。
类似地，可以得到需要的其它方向的视图。
２．８获得各视图的图像
２．８．１　　有两种方法可以得到视图的图像
方法一：点击“文件”菜单，选择“保存副本”，选用ｊｐｇ格式或其它图像格式，清晰度选择“５００　ＤＰＩ”或更高，这样可以快速获得有高清晰度的视图图像。
方法二：先切换到　“透视图”，设置好透视参数后，启用“渲染控制器”，然后用最高质量“渲染”到“全屏幕”，并保存为ｔｉｆ格式，这样可以获得有“透视”效果的视图图像，但是清晰度不如“方法一”得
图５　　产品造型（ＹＺＸ方向）
到的图像高。
２．８．２　　本文以方法一为例
在当前路径下，新建一个目录“产品视图”。先切换到ＹＺＸ方向的视图，注意要把基准（包括基准面，基准轴，基准点，坐标系）和旋转中心的开关全部关闭，以免得到的图像带有它们的图案，然后把模型放大到几乎充满ＰＲＯＥ窗口，再点击“文件”菜单，选择“保存副本”，路径选择新建的目录“产品视图”，选用ｊｐｇ格式，清晰度选择“５００　ＤＰＩ”，大小选用缺省值“Ａ”（如果设定更小的值，图像会产生不需要）。这样可以得到ＹＺＸ方向的视图图像，如图５。
再切换到其它方向的视图，用上述方法可以得到其它方向的视图图像。
２．７　　获得视图２．７．１　　约定视图的方向
“ＹＺ”为与“＋Ｙ轴”和“＋Ｚ轴”夹角相等且为最小值的方向；
“ＹＸ”为与“＋Ｙ轴”和“＋Ｘ轴”夹角相等且为最小值的方向；
“Ｙ－Ｘ”为与“＋Ｙ轴”和“－Ｘ轴”夹角相等且为最小值的方向；
“ＹＺＸ”为与“＋Ｙ轴”，“＋Ｚ轴”和“＋Ｘ轴”夹角相等且为最小值的方向；
“ＹＺ－Ｘ”为与“＋Ｙ轴”，“＋Ｚ轴”和“－Ｘ轴”夹角相等且为最小值的方向；
“ＺＸ”为与“＋Ｚ轴”和“＋Ｘ轴”夹角相等且为最小值的方向；
“Ｚ－Ｘ”为与“＋Ｚ轴”和“－Ｘ轴”夹角相等且为最小值的方向。
66
图６

论　文　园　地
TechnicalPapers
ｓｔｏｐ（）；　　ｌｏａｄＭｏｖｉｅ（＂ｆｉｌｅ：／／／产品视图／相应关键帧名称．ｊｐｇ＂，视图）；
３．８　　在“图层２”，添加“向上旋转”、“向下旋转”、“向左旋转”、“向右旋转”四个按钮，用以改变视图的方向。按钮可根据需要作成合适的样式。
３．９　　依照图层３的关键帧的位置，同样把放置按钮的图层２的相应帧转变为关键帧，如图６。
３．１０　　在关键帧“ＹＺＸ”，其对应的视图图像为“ＹＺＸ．ｊｐｇ”。
如果在该视图中将组件向上旋转，可以得到ＺＸ方向的视图，因此，点击“向上旋转”按钮，应该得到视图图像“ＺＸ．ｊｐｇ”。而关键帧“ＺＸ”上有脚本：“ｌｏａｄＭｏｖｉｅ（＂ｆｉｌｅ：／／／产品视图／ＺＸ．ｊｐｇ＂，视图）；”，因此只要从当前关键帧切换到关键帧“ＺＸ”，就能加载视图图像“ＺＸ．ｊｐｇ”。所以，对“向上旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛ｇｏｔｏＡｎｄＳｔｏｐ（＂ＺＸ＂）；｝，这样，当点击“向上旋转”按钮时，就可以从当前关键帧切换到关键帧“ＺＸ”，也就可以从图像“ＹＺＸ．ｊｐｇ”变换到图像“ＺＸ．ｊｐｇ”，从而完成从ＹＺＸ方向的视图向ＺＸ方向的视图的变换。同样，如果在该视图中将组件向左旋转，可以得到ＹＸ方向的视图，所以，对“向左旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛　ｇｏｔｏＡｎｄＳｔｏｐ（＂ＹＸ＂）；｝，这样，当点击“向左旋转”按钮时，就可以从ＹＺＸ方向的视图变换到ＹＸ方向的视图。
同理，对“向右旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛　ｇｏｔｏＡｎｄＳｔｏｐ（＂ＹＺ＂）；｝。
而如果在该视图中将组件向下旋转，应该可以得到俯视图，但是考虑到实际使用时，一般不会从正上方俯视电饭煲，所以没有生成俯视图，也就是说，该关键帧中“向下旋转”按钮不起作用，因此，对该按钮不添加脚本，或者把该按钮删除。３．１１　　类似地处理好其它关键帧的按钮。
例如，在关键帧“ＦＲＯＮＴ”，对“向左旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛ｇｏｔｏＡｎｄＳｔｏｐ（＂ＺＸ＂）；｝，对“向右旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛ｇｏｔｏＡｎｄＳｔｏｐ（＂Ｚ－Ｘ＂）；｝，对“向左旋转”按钮添加脚本：ｏｎ（ｒｅｌｅａｓｅ）｛ｇｏｔｏＡｎｄＳｔｏｐ（＂ＹＺ＂）；｝，对“向上旋转”按钮不添加脚本，或者把该按钮删除。４　在局域网中展示造型效果
在当前目录中导出一个可执行文件“产品造型．ｅｘｅ”，新建一个快捷方式“产品造型”指向“产品造型．ｅｘｅ”，路径形式为：“＼＼本计算机名＼目录“产品视图”所在路径＼产品视图＼产品造型．ｅｘｅ”，把当前目录设成共享。这样，在局域网中任何一台电脑上，将快捷方式“产品造型”拷贝到桌面上，只要点击运行这个快捷方式“产品造型”，就可以看到新产品的造型展示效果，如图７。当点击其中的按钮时，模型会按照相应的方向进行旋转，这样评价者就能用按钮控制模型的展示方向。
当评价者较多时，有可能出现多人同
时访问的情况，如果因此导致访问速度明显下降，可以考虑将“产品视图”文件夹和“产品造型．ｅｘｅ”上传到局域网的服务器，利用服务器完成造型展示，这时快捷方式“产品造型”所指的路径需相应地更改为上传文件所在的服务器上的路径。５　当需要更换展示的产品造型时，不需要再重复制作新的ＦＬＡＳＨ，所以不会给设计工作增加负担
因为在“产品造型．ｆｌａ”中使用了脚本命令“ｌｏａｄＭｏｖｉｅ（）”动态调用各个视图图像，所以，设计人员只要按照本文的方法，得到最新的产品视图图像，注意视图名称遵守上述关于视图方向的约定，并将“产品视图”目录中的各个视图图像替换成新图像，就可以了，这样每个评价者，只需点击原来的快捷方式“产品造型”就总可以看到最新展示的造型效果。
例如，我们给电饭煲增加一个把手，先得到各视图图像，再将“产品视图”目录中的各个图像更新，点击原来的快捷方式“产品造型”，可以看到新造型效果，如图８。６　结束语
６．１设计人员使用这种方法，可以利用局域网快速展示新造型，便于在制作实体模型之前获得对新造型的评价并改进，有助于减少实体模型的修改次数。
６．３　根据实际需要，可以适当增加或减少视图，以增强展示效果或减少工作量。
６．２本文将机械设计软件ＰＲＯＥ和网络动画制作软件ＦＬＡＳＨ结合运用，可以起到抛砖引玉的作用，希望产品设计人员不要拘泥于ＰＲＯＥ等机械设计软件，而应当开拓视野，使用所有能够使用的新手段来提高设计效率。
图７
图８
「编辑／韩　　彬」
67

用PROE结合FLASH在局域网中展示产品造型

推荐内容

相关推荐