3Dの最初の人の使用は、最初の射撃ゲーム（FPS）での使用を指します。このジャンルの開始以来、Advanced 3DおよびPseudo -3Dグラフィックスはハードウェア開発に挑戦しており、マルチプレイヤーゲームは不可欠です。
このジャンルの画期的なゲームの1つであるDoomのスクリーンショットは、最初の射撃ゲームの典型的な視点を示しています
現在、博物館や会社は、プロモーション映画などに3Dアニメーションを使用していることがよくあります。3Dアニメーション解釈の最大の利点は、コンテンツとフォームの真の感情です。それはグラフィック作品よりも直感的であり、2Dアニメーションよりもリアルであるため、広告環境で視聴者がより多くの感情を与え、広告の説得力を大幅に向上させることができます。 3Dテクノロジーの開発は、視聴者の相互主義の能力にさえ挑戦し、観客の判断が仮想的および現実から分離されます。
さらに、3D特殊効果の適用は、創造性のためのより広範な思考空間を提供し、創造的な実装の信頼できる保証となり、創造性の形とスタイルを豊かにします。広告のテーマのパフォーマンスによれば、夢のような魔法の雰囲気を作成して、観客を刺激して動かし、それによって観客とコミュニケーションをとる目的を果たすことができます。
3Dアニメーションプロモーションビデオは、3Dアニメーション、特殊効果レンズ、コーポレートビデオ、写真、将来の見込み客、その他のコンテンツを形成し、企業に善意と信頼を構築するために、その他のコンテンツを形成します。会社の製品またはサービスを信頼してください。
3D開発の場所は非常に速いので、人間の現実の追求に感謝しなければならないので、3Dを学び、使用することは将来の成功の不可欠な部分です。
この記事の例は、ドアを開けることができないため、マシンルームに入ることです。別の利点は、運営せずにリーダーにそれを実証したい場合、このクールな効果のリーダーが非常に満足することです！
http://www.hightopo.com/demo/room-walkthrough/index.html
インターフェイス上の2つのボタンは、ボディボディに直接追加される2つのボタンで、クリックイベントがこれらの2つのボタンに追加されます。
<div> </div> <div> </div>
シーン全体は、HTによってカプセル化されています生成されたJSONファイルは、すべての人をより明確にするために導入されました。
dm = new ht.datamodel（）;スペース収縮並列値としてのパラメーター
良い環境を設定し、この場合、コードを簡単に制御します、Webシリアル化マニュアルのHTを参照してください。
var g3d = window.g3d = new ht.graph3d.graph3dview（）、datamodel = g3d.dm（）、g3d.getview（）、path = null; data）{data.getName（）== false;} g3d.seteye（[523、5600]）;現在、操作シーンのドアが必要です。また、取るパスは、これらの2つのデータを取得するためにデータモデルデータモデルを横断します。
for（var i = 0; i <datamodel.size（）; i ++）{datamodel.getDatas（）;名前window.door = data;} if（data.getname（）== path）{path = data;} if（window.door && path）{//ドアとパスのデータを取得した後、サイクルブレーク;}}この例では、原点に戻り、動きを開始し、前方に移動し、停止するという点で、4つのアクションしかありません。 [スタート]ボタンをクリックします。最初のアクションでは、1つのアクションを実行し、アクションが終了した後にフォワード関数を呼び出します。
function startanim（）{if（windo.isanimationrunning）{return;} reset（）;デフォルトの採用 `ht.default.animframes：20、// default` ht.default.animinterval（//アクション関数を提供する必要があります。プロセス。ここでのリセット関数は、ドアの位置を含め、この関数を通じてすべての変更の初期位置を復元できるようにすることができます。
function reset（）{if（windo.isanimationrunning）{return;} g3d.setcenter（[0,0,0]）;移動するには、歩行する必要があるパス、つまり、Window.points = path.getpoints（）._を介して、windo.forwardindex = 0を取得する必要があります。 2つのポイントが3Dシーンで目と中心を設定するように設定されているため、最初の人の効果を作成できます。私たちは最初の人です。
var point1 = points [forwardidex]、point2 = points [forwardindex + 1]; * distancex + distangy * distance）-200; // 私は
HTの3Dコンポーネントには、Walk（Step、Anim、FirstPersonMode）メソッドがあります。これは、同時に目と中心の位置を変更します。つまり、目と中心は、同じオフセットを同時に同じオフセットを同時に移動します。 2つのポイント。ステップは、オフセットのベクトル長値です。 FirstPersonModeパラメーターが空の場合、現在の値はGraph3DView＃isFirstPersonMode（）で使用されます。
g3d.walk（distance、{frames：50、interval：30、easing：function（t）{return t;}、finishfunc：function（）{forwardindex += 1; if（points.length-2> f orwardindex）{ // /points.length = 5 g3d.setcenter：30、easing：function（t）{return t;}、finishfunc：function（）{forward（）;}）;} else {var lastpoint = points.length -1 ]; // jsonのパスは、g3d.setcenterウィンドウの最後のポイントです。どのくらいのパスのポイントであっても、この判断ステートメントは依然として操作できます。それが最後のポイントではない場合、ユーザーが回転した後、フォワード関数が呼び出されます。この時点で、すべてのコードが説明され、コードの量は短いですが、このような大きなプロジェクトを作成しました！
要約します上記は、HTML5ベースのClassic 3D仮想マシンルームに基づいていますやがて。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！