HTML 页面上的 3D 模型

发布于 2024-07-14 06:11:42 字数 1542 浏览 9 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(16

静若繁花 2024-07-21 06:11:42

Chrome Experiments 发布了多个 3D Javascript 应用程序。 这是一个例子:
颜色立方体

Chrome Experiments has released several 3D Javascript applications. Here's an example:
Colors Cube

×眷恋的温暖 2024-07-21 06:11:42

Papervison3D 是一个值得一看的 3D Flash 库。 我还没有机会亲自使用它,但一些演示看起来不错。

Papervison3D is a 3D flash library which might be worth a look. I haven't had the opportunity to play with it myself, but some of the demos look good.

我乃一代侩神 2024-07-21 06:11:42

Papervision 和 Unity3D 是管道导入和快速加载的最佳选择。 大多数机器上都安装了 Flash,但您需要导出为 COLLADA 格式,并且在陷入困境之前有 2000 个多边形的限制。

Unity 3D 拥有出色的流程,现在对独立开发者免费。 它支持非常高的多边形数量,并且插件无需重新启动浏览器即可安装,大小约为 4MB(Flash 和 Sliverlight 现在都超过 4MB)。

另一个选择可能是 Torque 3D,但这也是非常基于游戏的。 我认为你最好的选择是 Unity 3D。 您可以导出为 FBX,并在大约 5 分钟内将其发布到网络上。

将来您可以使用 Google 或 WebGL 的 O3D,但它还没有准备好迎接黄金时段。 目前唯一能够在网络上获得 3D 且具有不错的多边形数量的简单管道是 Unity3D。 它可以像 Flash 和 Silverlight 一样在 PC 和 Mac 上运行。

Papervision and Unity3D are the best choices for the pipeline in and quick loading. Flash is installed on most machined but you need to export as COLLADA format and there is a limit of 2000 polys before it bogs down.

Unity 3D has a great pipeline and is free for the indie now. It supports very high poly counts and the plugin installs without a browser restart and is around 4MB (Flash and Sliverlight are both over 4MB now).

Another option might be Torque 3D but that is also very game based. I think your best option is Unity 3D. You can export as FBX and have it on the web in about 5 minutes.

In the future you could use O3D from Google or WebGL but it is not ready for primetime. The only capable simple pipeline to get 3d on the web currently with decent poly counts is Unity3D. It works on PC and Mac just like Flash and Silverlight.

故事未完 2024-07-21 06:11:42

我不确定 Flash 对 CAD 应用程序文件格式等 3D 支持有多好。 IIRC,闪存无法进行硬件加速的 3D 图形。 另一方面,Java 小程序可以(使用正确的库)。

I am not sure how good flash is at 3d support for things like CAD app file formats. IIRC, flash cannot do hardware accelerated 3D graphics. On the other hand, a Java applet can (with the right library).

夕色琉璃 2024-07-21 06:11:42

几个月前推出了一个名为 Sketch Fab 的新工具。 它完全采用 HTML5 设计,看起来非常强大。

A new tool called Sketch Fab came out a few month ago. It's designed entirely in HTML5 and seems very powerful.

零崎曲识 2024-07-21 06:11:42

您还可以查看标签,它正在被更多的浏览器实现。 可能已经有一个用于模型查看的 JavaScript 库。

You could also look at the <canvas> tag, which is being implemented by more browsers. There is probably already a JavaScript library for model viewing.

家住魔仙堡 2024-07-21 06:11:42

考虑一下 QuickTime VR。 它可以满足您的大部分要求,并且由于您拥有原始模型,因此您可以创建相当准确的模型。

Consider QuickTime VR. It allows for much of what you ask and since you have the original, you can create a fairly accurate model.

孤独陪着我 2024-07-21 06:11:42

查看 http://labs.autodesk.com/technologies/freewheel/

项目FreeWheel 可以显示在 Autocad、Invertor 或 Revit 中制作的 2D 和 3D 模型。 我认为它使用DWF或其他东西。

目前,无法在您自己的服务器上托管 FreeWheel,但您可以将 DWF 上传到 Autodesk 并在 IFrame 中显示您的模型。

Have a look at http://labs.autodesk.com/technologies/freewheel/

Project FreeWheel can show 2D and 3D models made in Autocad, Invertor or Revit. I think it uses DWF or something.

At this point it's not possible to host FreeWheel on your own server, but you can upload a DWF to Autodesk and show your model in an IFrame.

人生百味 2024-07-21 06:11:42

VRML 可能是一个不错的选择。 Parallel Graphics 提供了一个很好的客户端,我已经使用它有一段时间了。 我的 网站 上有一些 VRML 模型(尽管内容很琐碎!)。 这些模型加载速度相当快,特别是如果它们不是那么大的话。 有多种可用的导航模式,您可以将其锁定为“检查”,这使用户可以旋转模型(尽管实际上是相机在对象周围移动)。

您需要找到一个可以编写 VRML 文件的程序,尽管任何优秀的建模者都会有这个选项。

VRML might be a good choice. There's a good client available from Parallel Graphics that I've used for quite a while now. I've got some VRML models on my website (though the content is quite trivial!). The models will load quite quickly, especially if they're not that large. There are several navigation modes available and you can lock it to "examine" which lets the user rotate the model (though in fact it's the camera that's moving around the object).

You will need to find a program that can write VRML files, though any decent modeller will have that option.

向日葵 2024-07-21 06:11:42

看起来基于 canvas 标签的 javascript 绘图 API 正在兴起。 请参阅这个最近发布的 canvas 3d js 库,尽管它仅适用于 FF 3.5: http://www.c3dl.org /

Seems like canvas tag based javascript drawing apis are picking up. See this recently released canvas 3d js library, even though it works only in FF 3.5: http://www.c3dl.org/

深海不蓝 2024-07-21 06:11:42

Shockwave 带有一些脚本代码,让用户能够旋转模型。

Shockwave with some scripting code for the user being able to rotate the model.

夜无邪 2024-07-21 06:11:42

这是一个 JavaScript 3D 渲染引擎:pre3d

如果您还没有查看过,Mr. Doob 有一个 3D 图形和建模库:主页Three.js 的 git 存储库

Here's a JavaScript 3D rendering engine: pre3d.

If you haven't checked it out, Mr. Doob has a library for 3D graphics and modeling: homepage and git repo for three.js.

箜明 2024-07-21 06:11:42

您可以使用 A3dsViewer -提供导出到 HTML5(two.js) 的功能,或者您可以直接导出到 Google 云端硬盘并获取为您的页面生成的 url。
导出的 HTML5 模型默认包含旋转功能。

You could use A3dsViewer - provides export to HTML5(three.js) or you can do directly export to the Google Drive and get the generated <iframe> url for the yours page.
Exported HTML5 models contains by default included rotation functionality.

半世蒼涼 2024-07-21 06:11:42

您可以使用此插件创建 3D 模型的 html 文件。 它将生成单个 html 文件,您可以在网站的任何位置使用它,也可以将其发送给客户

You can create html file of you 3D model using this plugins. It will generate single html file and you will able to use it any where in your website or you can send it to client as well

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文