如何在网页上显示三维对象交互模型(display 3d object interactive models on a webpage)

假设您在AutoCAD或其他三维模型生成器上设计了一个三维模型，并且希望在网页上显示该模型，而不会丢失或损害其三维交互性。本文将为您提供一些这样做的选项。...

方法1方法1/2：使用javascript框架jsc3d

1请注意，jsc3d是一个javascript框架，为网页提供3D对象查看器。它完全用javascript编码，需要一个HTML画布来执行渲染和交互。它提供正交视图。

2从谷歌下载jsc3d zip文件。链接是：http://code.google.com/p/jsc3d/.

3.使用图中所示的代码。根据需要写下文件路径名，以代替深红色突出显示的文本。确保文件格式正确。obj或以其他方式将其转换为。obj。

4确保满足以下要求：支持Javascript的浏览器HTML 5支持画布支持。

方法2方法2/2：使用第三方

1选择一项服务。有各种各样的网站提供3D对象查看。

2.使用他们给你的链接。有了这些服务中的大多数，你可以提交你的3d文件并获得一个链接，你可以将其嵌入你的网页。例如，使用sketchfab。com你会得到这样一个链接：&lt；iframe width=“640”height=“480”frameborder=“0”allowFullScreen webkitallowfullscreen mozallowfullscreen src=”https://sketchfab.com/models/2f145c2ba8164bc6b7083f80617eb7fc/embed“&gt；&lt；/iframe&gt；&lt；p style=“font size:13px；字体大小：正常；保证金：5px；颜色：#4A4A4A；“&gt；&lt；a href=”https://sketchfab.com/models/2f145c2ba8164bc6b7083f80617eb7fc“style=”font-weight:粗体；颜色：#1CAAD9；“&gt；Wikihow3d&lt；/a&gt；by&lt；a href=”https://sketchfab.com/lal.abhishek“style=”font-weight:粗体；颜色：#1CAAD9；“&gt；拉尔·阿披实&lt；/a&gt；on&lt；a href=”https://sketchfab.com“style=”font-weight:粗体；颜色：#1CAAD9；“&gt；Sketchfab&lt；/a&gt；&lt；/p&gt；

3.访问此处，查看有关其外观的演示。

提示

发表于 2022-03-22 19:11
阅读 ( 73 )
分类：IT

你可能感兴趣的文章

openscad初学者指南：编程3d打印模型

...为3D打印设计模型的方法，只使用代码。如果您也不知道如何编写代码，请不要担心，今天我将指导您完成基础知识。 ...

发布于 2021-03-15 10:55
阅读 ( 579 )

微软如何用windows10推动3d革命

...软还宣布了著名演示应用程序PowerPoint的3D集成。PowerPoint如何从3D集成中获益？细节才是关键。 ...

发布于 2021-03-15 21:42
阅读 ( 262 )

用雨量计在你的桌面上投射一个三维全息图

... 使用Meshlab，可以显示大多数三维文件并将其转换为OBJ文件。Meshlab还允许你“抽取（减少）或细分（增加）模型的顶点。”通常，下载的三维文件需要数小时才能加载到全息图中，因为它...

发布于 2021-03-17 07:13
阅读 ( 295 )

为学生和初学者提供的5款最便宜的3d打印机

...至于光固化过程，ELEGOO火星有一个2560x1440 2K高清掩蔽液晶显示器，可以产生分辨率高达0.00185英寸的模型，这允许非常小的细节。 ...

发布于 2021-03-20 10:01
阅读 ( 218 )

通过这些3d谷歌动物和物体成为虎王

...可用对象的完整列表，在添加新项目时会更新该列表。如何在google上查看3d动物和物体一旦你知道你想看哪个3D动物或物体，就在iPhone、iPad或Android设备上启动Chrome。在谷歌上搜索动物或物体。滚动结果直到找到所需内容，然后...

发布于 2021-04-02 07:11
阅读 ( 116 )

如何在windows 10上从此电脑中删除“3d对象”

...，如果您以前从未使用过它，请考虑在开始之前阅读有关如何使用注册表编辑器的内容。一定要备份注册表（和你的电脑！）在进行更改之前。要开始，请单击“开始”，键入“regedit”，然后按Enter键打开注册表编辑器。允许...

发布于 2021-04-07 03:27
阅读 ( 284 )

如何使用microsoft paint 3d

...（也可以跳过本文的这一部分）。这个特别的挑战演示了如何从微软的Remix3D网站导入模型并进行修改。单击“开始”，然后单击“立即开始”，您将在web浏览器中进入Microsoft的Remix 3D网站上的“贴纸挑战”页面。在网页上选择...

发布于 2021-04-08 01:29
阅读 ( 190 )

如何使用firefox的web开发者工具以3d方式查看网站结构

firefox11为Firefox已经令人印象深刻的软件库添加了两个新的web开发工具。Tilt特性可以在3D中可视化网站结构，而样式编辑器可以动态编辑CSS样式表。 3D特性称为Tilt，是一种可视化网站DOM的方法。它与现有的文档检查器集成，并使...

发布于 2021-04-12 13:09
阅读 ( 198 )

...ology. The simplest thing it can do is simulate a touch screen, so you can interact with any display as if it were touch-enabled — we were slicing pineapples in Fruit Ninja in seconds, without a moment of extra development or additional software. Developers that do take advantage of the Leap'...

发布于 2021-04-22 21:56
阅读 ( 136 )