機能説明: 左右の方向キーはプレーヤーの方向を制御し、上下の方向キーはプレーヤーの前後移動を制御します。エフェクト プレビュー: 実装原理: 上記のエフェクト プレビューでは、右側が 2D 平面マップであり、左側が一人称 3D ビューであることがわかります。本質的に、2 つの画像の関係は非常に近いです。 3D の実現 視覚プロセスは、2D 地図に基づいて地図を一人称視点に変換するプロセスです。 3D 効果の実現は平面にのみ限定されます (つまり、側面から見ると 3D 効果はありません)。この限定された 3D 効果では、各オブジェクトを単位として使用し、異なるオブジェクト平面間の視覚的な違いによって 3D を実現します。 。このエフェクトでは、さまざまな角度から見たときにオブジェクトに立体感を与えるために、単位を面から線に変更しました。まず、ビジュアル プレーンと呼ばれるものを作成します。これは鏡のようなもので、物理オブジェクトを平面に投影します。まず、プレーンのサイズを初期化します。 screenSize:[320,240],//ビジュアル スクリーン サイズの後に、次の値を使用できます。 1ピクセルを単位として、ビジュアルプレーンに表示されるオブジェクトの各ピクセルの高さがわかれば、一人称視点でオブジェクトを描画できます
1 HTML5実装のコード例を詳しく紹介します。 3D 迷路
はじめに: 上のエフェクト プレビューでは、右側が 2D 平面マップであり、左側が一人称 3D ビューであることがわかります。 2 つの写真は非常に近くにあります。本質的に、3D 視覚が実現されます。そのプロセスは、2D マップに基づいてマップを一人称視点に変換することです。
はじめに: ゲームでは、敵の攻撃を避けながら、対応するドアを開けるために 3 つの異なる鍵を収集する必要があります。ついに目的地に到着。 このゲームは、自社開発の HTML5 ゲーム フレームワーク cnGameJS にも基づいています。 Chromeブラウザでの閲覧を推奨します。 エフェクトのプレビュー:
3. 最近、クライアント コードについてよく言及された本を読みました。この用語の意味を理解するにはどうすればよいですか
はじめに: 最近、クライアント コードについてよく言及された本を読みました。この用語の意味を理解するには、最近読んだ本がとても良く、「クライアント コード全体」という用語がよく出てきます。 1人目はサーバーサイドのコードを書いているようです。たとえば、フレームワーク全体のコア コードはサーバー側のコードであり、ユーザーが直接閲覧するときにアクセスするさまざまなコントローラーはクライアント側のコードであると理解しています。この理解が正しいかどうかはわかりません。
4. JavaScriptで書かれた一人称シューティングゲーム_javascriptスキル
概要: JavaScriptで書かれた一人称シューティングゲーム
[関連するQ&Aの推奨事項]:
javascript - jsマウスの応答キーボードイベントを処理するときに遅延しますか?
以上がHTML の一人称に関するおすすめ記事 10 選の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。