Stage3D…Molehill…Beta版发布已几月了,现在离正式版发布已指日可待。这次我要发布一些Stage3D的例子,这回会是比较复杂点的,而不是一个方块那么简单。
![](https://i-blog.csdnimg.cn/blog_migrate/35a42d14450042468d9da2e20d884e33.png)
现在让我给你透漏点背景信息,我们的办公室位于意大利的佛罗伦萨。我们很幸运,透过办公室的窗口能够以一个完美的视角来欣赏赫赫有名的佛罗伦萨大教堂 - 圣母菲奥雷。它如此之近,总让人感觉几乎可以触摸它。上面你看到的照片就是从我们的办公室窗口拍摄的。
现在Molehill就要发布了,该是Flash更加炫耀其英姿的时候了。3D最终以Stage3D的方式,通过Flash出现在浏览器上。这是个让人激动的时刻,我也要成为其中的一部分,怎么做呢? 我选择了展示自己所在小镇的象征性建筑。
让我们直入主题吧
先让你看看我最近在做的项目演示吧, 这里用到的模型当然不是我建的,而是出自我们的Google SketchUp超级明星Arrigo Silva(Enrico Dalbosco)之手,他用Google SketchUp重现了这个建筑奇迹。Arrigo很乐意并允许我把他这个出色的3D成果用在这个演示中。
这是圣母菲奥雷的Stage3D虚拟现实之旅。
![](https://i-blog.csdnimg.cn/blog_migrate/53bf062f96eee819e274e0d9f649a3ac.png)
(点击图片打开演示, 注意:你需要有Flash Player 11. 如果在Mac中的Firefox浏览器, 请直接升级浏览器到最新版本)
它是怎么实现的呢?
这个模型看起来很震撼, 其实从多边形的角度讲它并不是很复杂,差不多由27000个三角面组成,但是设计上很注重细节,其中包含了374个子网眼贴图。在Flash中, 帧率可以控制在60fps.
在程序上,我通过一个点光源加亮的Shader在一个非常简单的3D模型播放器中渲染它,通过一个Stage3D引擎,如Away3D很容易实现类似的播放器。
但是其中有趣的环节是我将Arrigo用 Google SketchUp做好的3D模型导出Collada文件, 然后使用我们内部开发的工具创建出我要的模型文件。 该工具能够导入3D模型文件,然后生成能够被Stage3D项目使用的文件。这款工具能够创建3D类文件,其中能包含一个或者多个经过优化、压缩的3D模型,其格式完全满足Stage3D所用。
这其中很棒的是,借助这个工具,我总共只花了4分钟半就完成了这个Demo。我做的只是从Google SketchUp 3D Warehouse中下载Arrigo的3D模型,把它导入到工具中, 然后导出Stage3D可用的格式,就这么简单。
我的团队和我开发这个工具的初衷是供我们内部使用, 但是如果你们有足够的兴趣,我们可以考虑在某种程度上发布它。如果你对此感兴趣,你可以在我文章的下面发表你的评论,或者使用这里的联系方式和我们取得联系。
![](https://i-blog.csdnimg.cn/blog_migrate/35a42d14450042468d9da2e20d884e33.png)
现在让我给你透漏点背景信息,我们的办公室位于意大利的佛罗伦萨。我们很幸运,透过办公室的窗口能够以一个完美的视角来欣赏赫赫有名的佛罗伦萨大教堂 - 圣母菲奥雷。它如此之近,总让人感觉几乎可以触摸它。上面你看到的照片就是从我们的办公室窗口拍摄的。
现在Molehill就要发布了,该是Flash更加炫耀其英姿的时候了。3D最终以Stage3D的方式,通过Flash出现在浏览器上。这是个让人激动的时刻,我也要成为其中的一部分,怎么做呢? 我选择了展示自己所在小镇的象征性建筑。
让我们直入主题吧
先让你看看我最近在做的项目演示吧, 这里用到的模型当然不是我建的,而是出自我们的Google SketchUp超级明星Arrigo Silva(Enrico Dalbosco)之手,他用Google SketchUp重现了这个建筑奇迹。Arrigo很乐意并允许我把他这个出色的3D成果用在这个演示中。
这是圣母菲奥雷的Stage3D虚拟现实之旅。
![](https://i-blog.csdnimg.cn/blog_migrate/53bf062f96eee819e274e0d9f649a3ac.png)
(点击图片打开演示, 注意:你需要有Flash Player 11. 如果在Mac中的Firefox浏览器, 请直接升级浏览器到最新版本)
它是怎么实现的呢?
这个模型看起来很震撼, 其实从多边形的角度讲它并不是很复杂,差不多由27000个三角面组成,但是设计上很注重细节,其中包含了374个子网眼贴图。在Flash中, 帧率可以控制在60fps.
在程序上,我通过一个点光源加亮的Shader在一个非常简单的3D模型播放器中渲染它,通过一个Stage3D引擎,如Away3D很容易实现类似的播放器。
但是其中有趣的环节是我将Arrigo用 Google SketchUp做好的3D模型导出Collada文件, 然后使用我们内部开发的工具创建出我要的模型文件。 该工具能够导入3D模型文件,然后生成能够被Stage3D项目使用的文件。这款工具能够创建3D类文件,其中能包含一个或者多个经过优化、压缩的3D模型,其格式完全满足Stage3D所用。
这其中很棒的是,借助这个工具,我总共只花了4分钟半就完成了这个Demo。我做的只是从Google SketchUp 3D Warehouse中下载Arrigo的3D模型,把它导入到工具中, 然后导出Stage3D可用的格式,就这么简单。
我的团队和我开发这个工具的初衷是供我们内部使用, 但是如果你们有足够的兴趣,我们可以考虑在某种程度上发布它。如果你对此感兴趣,你可以在我文章的下面发表你的评论,或者使用这里的联系方式和我们取得联系。