blocks|key|720666|text|如果它是一个webapp，您应该查看Papervision3D+(http://papervision3d.org/)中基于Flash的方法(如果您希望它相对独立于平台的话)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|720667|entityMap|0|LINK|mutability|MUTABLE|url|http://papervision3d.org/^0|X|P|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If it is a webapp, you should look into Papervision3D (<a href="http://papervision3d.org/" rel="nofollow noreferrer">http://papervision3d.org/</a>) for a Flash-based approach (that would be the way if you want it to be relatively platform-independent).

blocks|key|721048|text|Java可能也会做您想做的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|721049|看看Java3D|offset|length|721050|entityMap|0|LINK|mutability|MUTABLE|url|http://java.sun.com/javase/technologies/desktop/java3d/^0|0|2|6|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

A Java applet will probably do what you want too.

Have a look at <a href="http://java.sun.com/javase/technologies/desktop/java3d/" rel="nofollow noreferrer">java 3d</a>

blocks|key|1909320|text|还有谷歌的优秀但新的O3D：http://code.google.com/apis/o3d/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1909321|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/apis/o3d/^0|E|W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Also Google's excellent but new O3D: <a href="http://code.google.com/apis/o3d/" rel="nofollow noreferrer">http://code.google.com/apis/o3d/</a>

blocks|key|374417|text|webgl也是一个有趣的替代方案。没有插件，只有opengl在浏览器(包括着色器)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374418|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

webgl is also an interesting alternative. no plugins, just opengl in the browser (including shaders).

blocks|key|374198|text|当然，你不能在HTML中完成所有这些，所以这是一个选择插件技术的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374199|在我看来，你最好的选择是Flash，因为这是一个成熟的平台，有很多第三方扩展(比如http://www.flashsandy.org/)可以让你进行3D建模。|offset|length|374200|另一种选择是Silverlight，它将为您提供.NET/C#+(而不是脚本)的功能。|374201|两者都是跨平台和跨浏览器的。|374202|entityMap|0|LINK|mutability|MUTABLE|url|http://www.flashsandy.org/^0|0|15|Q|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Well, you certainly cannot do all that in HTML, so it's a matter of choosing you plugin technology.

The way I see it, your best bet is Flash, since this is a mature platform with lots of 3rd party extensions (such as <a href="http://www.flashsandy.org/" rel="nofollow noreferrer">http://www.flashsandy.org/</a>) available to let you do your 3D modeling.

The other alternative is Silverlight, which will give you the power of .NET/C# (rather than scripting).

Both are cross-platform and cross-browser.

blocks|key|374311|text|画布和JavaScript可能能够呈现它，这取决于3D模型的复杂性。参见此画布三维实例|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|374312|还有火狐帆布3D插件和画布3d+JS库用来编写3D应用程序。|374313|entityMap|0|LINK|mutability|MUTABLE|url|http://lbi.lostboys.nl/blog/artikelen/canvas-in-full-3d/|1|https://addons.mozilla.org/en-US/firefox/addon/7171|2|http://www.c3dl.org/^0|11|6|0|0|2|8|1|B|8|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

Canvas and JavaScript might be able to render it, depending on the complexity of your 3D Model. See this <a href="http://lbi.lostboys.nl/blog/artikelen/canvas-in-full-3d/" rel="nofollow noreferrer">Canvas 3D example</a>

There's also the <a href="https://addons.mozilla.org/en-US/firefox/addon/7171" rel="nofollow noreferrer">Firefox Canvas 3D Addon</a> and the <a href="http://www.c3dl.org/" rel="nofollow noreferrer">Canvas 3d JS Library</a> for writing 3D applications using it.

blocks|key|1909230|text|要做到这一点，有许多办法。一些在我脑海里浮现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1909231|考虑将其作为ActiveX组件交付(最快，但仅限Win32+)。|unordered-list-item|1909232|考虑使用.NET+(Silverlight)+(Win32，OSX，*nix在可预见的未来通过Moonlight；DirectX/Direct3D+)|1909233|考虑使用Java，它也可以访问OpenGL。|1909234|考虑使用你遇到的任何中间点..。应该有几十个。|1909235|一个问题可能是可移植性。这里有两个警告:您的代码需要在任何地方运行，并且需要3D加速。这是一个问题，因为您不能确定它是否具有3D+(当然，您可以查询上下文)。|1909236|因此，您可能还想考虑在CPU上进行栅格化和渲染(即使用MESA3D)。如果你不需要允许自由格式的转换，并且想要动画，比如说30帧，使用台面你可以在一个典型的模型上渲染5fps在典型硬件上，你需要6秒来计算整个场景。那就够了。|1909237|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|S|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|T|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|V|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|W|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|P|$]]

There are a number of approaches to this. Some that come to my mind:

<ul>
<li>consider delivering it as an ActiveX component (fastest, but Win32 only).</li>
<li>consider using .NET (Silverlight) (Win32, OSX, *nix in the foreseable future through Moonlight; DirectX/Direct3D only) </li>
<li>consider using Java, which can access OpenGL as well.</li>
<li>consider using any middlewhere that you come across.. there should be dozens.</li>
</ul>

A problem will probably be the portability. There are two caveats here: Your code needs to run everywhere and it needs 3D acceleration. That's a problem, because you can not be sure if it will have 3D (you can query your context, of course).

You might hence also want to consider to rasterize and render on the CPU (i.e. using MESA3D). If you do not need to allow freeform transformations and want to animate, say, 30 frames and using Mesa you could possibly render 5fps on a typical model on typical hardware, you'd need 6 seconds to calculate the whole scene. That'd be enough.

blocks|key|1909387|text|另一个Java选项，与JVM集成较少，但基于OpenGl+-+伊格勒+(我最喜欢的)和慢跑。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1909388|查看Jake2+webstart：webstart.html|1909389|entityMap|0|LINK|mutability|MUTABLE|url|http://lwjgl.org/|1|https://jogl.dev.java.net/|2|http://bytonic.de/html/jake2_webstart.html^0|V|3|0|17|2|1|0|H|D|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]]]

Another Java option, less integrated with the JVM but based OpenGl - 
<a href="http://lwjgl.org/" rel="nofollow noreferrer">lwjgl</a> (my favorite)
and 
<a href="https://jogl.dev.java.net/" rel="nofollow noreferrer">jogl</a>.

Check Jake2 webstart: <a href="http://bytonic.de/html/jake2_webstart.html" rel="nofollow noreferrer">http://bytonic.de/html/jake2_webstart.html</a>

blocks|key|374404|text|Adobe具有强大的三维建模功能。不幸的是，目前它的支持不足，但Flash没有3d功能(+papervision3d项目试图纠正这一点，YMMV)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|374405|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Adobe Shockwave has powerful 3d modeling capabilities. Unfortunately it's under-supported at the moment, but Flash does not have 3d features (The papervision3d project tries to rectify that, YMMV).

blocks|key|720800|text|我同意其他人的观点，Flash可能是你最好的选择。如果有人担心将来在苹果移动设备上运行，而成本又不是问题，那么就看看如何开发使用联合的东西吧。这是一个插件(像Flash)，但并没有引起史蒂夫·乔布斯的愤怒。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|720801|http://unity3d.com/gallery/developer-profiles/web-games/|offset|length|720802|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1K|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I agree with others that Flash is probably your best bet. If there is a concern about running on apple mobile devices in the future, and cost is not a concern, look at developing something using Unity. It's a plugin (like Flash), but is has not invoked the wrath of Steve Jobs.

<a href="http://unity3d.com/gallery/developer-profiles/web-games/" rel="nofollow noreferrer">http://unity3d.com/gallery/developer-profiles/web-games/</a>

I've to create a Web Based Application, that amongst other things, includes the following tasks

<ul>
<li>Loading a 3D model from a database.</li>
<li>Display the 3D Model.</li>
<li>Doing Inverse Kinematics computations to generate the series of steps for the model to move from an initial to final position.</li>
<li>Display the animation in real time.</li>
</ul>

The application was originally intended to be a PC based application on Qt/OpenGL, but we're investigating whether its feasible to implement it as a Web Based app. 

My knowledge on Web Based development is still limited.

What would be the recommended approach/technology in order to come up with a solution for this ?

Thanks!!

Update: Platform Independent solutions preferred. The application needs to run on Mac and Windows machines.

3d Graphics for a Web Based Application

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我必须创建一个基于Web的应用程序，其中包括以下任务从数据库加载3D模型。显示三维模型。进行逆运动学计算，生成模型从初始位置到最终位置的一系列步骤。实时显示动画。该应用程序最初是基于Qt/OpenGL的基于PC的应用程序，但我们正在研究将其实现为基于Web的应用程序是否可行。我对基于Web的开发的了解仍然有限。为解决这一问题，建议的方法/技术是什么？谢谢！！更新:平台独立解决方案优先。应用程序需要

问基于Web应用的三维图形技术
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于Web应用的三维图形技术EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于Web应用的三维图形技术
EN