3D ファイルを HTML に埋め込んで Web ブラウザでレンダリングするにはどうすればよいですか?
私はこのようなことをしたい
<!doctype html>
<html lang="en">
<head>
<!-- stuff -->
</head>
<body>
<!-- stuff -->
<canvas>
<X3D profile="Interchange" version="3.2"
xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance"
xsd:noNamespaceSchemaLocation="http://www.web3d.org/specifications/x3d-3.2.xsd">
<Scene>
<Shape>
<IndexedFaceSet coordIndex="0 1 2">
<Coordinate point="0 0 0 1 0 0 0.5 1 0"/>
</IndexedFaceSet>
</Shape>
</Scene>
</X3D>
</canvas>
<!-- stuff -->
<script src="js/scripts.js"></script>
</body>
</html>
3D モデルを操作して Web レポートを生成するスクリプトがあります。これらのレポートは常にオフラインで表示されます。
これを可能にするJavaScriptライブラリがあることは知っています。問題は、レポートもモデルも Web サーバーでホストされておらず、JavaScript からローカル ファイルにアクセスできないことです ( Chrome のファイル アクセス許可は変更していません ;))。
Web サーバーを使用せずに、人々がオフラインでそれらを見ることができるように、html ファイルを配布できるようにしたいと考えています。ブラウザーでレンダリングされる限り、任意の形式 (上記の例では X3D) で 3D モデルを生成できます。
モデルがマークアップのみを使用して宣言的な方法で埋め込まれていることが望ましいですが、javascript も使用できます。