如何在 flex 中构建 Room Planner 3D Web 应用程序答案

【问题标题】：How to build Room Planer 3D web application in flex如何在 flex 中构建 Room Planner 3D Web 应用程序
【发布时间】：2013-10-15 16:36:31
【问题描述】：

我必须在 flex 4 中开发类似这些网站的应用程序

http://mydeco.com/rooms/austin/
http://floorplanner.com/demo#assets
http://www.homestyler.com/designer

我有以下问题：

用于构建此类应用程序的主要 flex 组件有哪些？
如何从 2D 转换为 3D ？
如何从 2D 可调整大小的对象生成动态 3D？
如何在调整对象大小时显示测量值？

【问题讨论】：

只是一个提示：这个问题太宽泛了。您将有更多的运气来缩小范围并根据您迄今为止开发的内容提出有针对性的问题。查看这些应用程序，也许可以从制作一个简单的应用程序开始，您可以在其中绘制一些（多边形）形状并从中获取。
@Bart：感谢您的评论。我们开发了一些加载到应用程序中的矩形形状，并使用纸视觉立方体对象创建了 3D。但我们无法动态调整 3D 对象的大小。也无法从重新调整大小的 2D 形状动态生成 3D。如何生成 3D，基于可以在floorplanner.com/demo#assets 上看到的重新调整大小的 2D 对象

标签： apache-flex flex4 3d 2d papervision3d

【解决方案1】：

用于构建此类应用程序的主要 flex 组件有哪些？

按钮、组、列表、复选框等...随意使用 flex 组件 ;) 说真的，这些应用程序使用几乎所有标准的 flex 控件。

如何从 2D 转换为 3D ？

这是您列表中最难的问题。编写自己的 3d actionscript rederer 是一项艰巨的任务。您有 2 个一般机会：

要使用现有的 3d 软件引擎： What is the best Actionscript3 3D Engine?
要使用 Flash Player 11 支持的 Molehill API： http://www.adobe.com/devnet/flashplayer/stage3d.html

Molehill API 提供硬件加速的 3D 图形，但这是一个相对较新的功能。支持它的引擎数量很少：

http://alternativaplatform.com/en/

http://code.google.com/p/minimole/

如何从 2D 可调整大小的对象生成动态 3D？

这个问题没有通用的解决方法。实际上 2D 投影和 3D 预览是一个模型的不同表示。这些程序具有墙壁、楼梯等的 3d 程序（即由公式定义）模型的生成器，并且可能是附加的 2d 模型。这些模型中的公式创建多边形/矢量图。当然，所有公式都是启发式的。例如，对于墙壁，您可以创建一条折线，然后为其创建轮廓，然后使用 z 轴拉伸轮廓。

如何在调整对象大小时显示测量值

它也是启发式的。对于墙壁，您只需测量角落之间的距离，对于货架/衣柜，您可以使用其边界框的大小。

【讨论】：