ここから船がどのように引き出されるのか疑問に思っていました: http://www.eveonline.com/universe/spaceships/
キャンバスを使用していることがわかりますが、これを実現するための js フレームワークなどはありますか?
乾杯
ここから船がどのように引き出されるのか疑問に思っていました: http://www.eveonline.com/universe/spaceships/
キャンバスを使用していることがわかりますが、これを実現するための js フレームワークなどはありますか?
乾杯
ソース コードから、WebGL を使用しているように見えます。よく使われている 3D JS フレームワークを次に示します: http://threejs.org/
記事から、WebGLは...
プラグインを使用せずに、互換性のある Web ブラウザー内でインタラクティブな 3D グラフィックスと 2D グラフィックスをレンダリングするための JavaScript API。WebGL は、ブラウザーのすべての Web 標準に完全に統合されており、Web ページ キャンバスの一部として、GPU で高速化された物理および画像処理と効果を使用できます。WebGL 要素は、他の HTML 要素と混合したり、ページの他の部分やページの背景と合成したりできます。WebGL プログラムは、JavaScript で記述された制御コードと、コンピューターのグラフィックス プロセッシング ユニット (GPU) で実行されるシェーダー コードで構成されます。WebGL は、非営利の Khronos Group によって設計および保守されています。
これらのグラフィックを作成する方法については、次のとおりです。
Blender、CopperCube、Autodesk Maya などのコンテンツ作成ツールを使用して、プログラミングなしで WebGL シーンを作成できます。その後、シーンは WebGL にエクスポートされます。WebGL を使用してインタラクティブな 3D コンテンツをオンラインで公開するサービスもあります。
彼らが使用した JS の具体的な内容については、このソースの整形版をご覧ください。