ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用して3次元座標効果を実装するコードのまとめ

JavaScriptを使用して3次元座標効果を実装するコードのまとめ

伊谢尔伦
リリース: 2017-06-12 10:02:34
オリジナル
2349 人が閲覧しました

この記事では主にマウスクリックの3次元座標を取得するThree.jsのサンプルコードを紹介します。一定の参考価値があり、興味のある友人は参考にすることができます。仕事の関係で、でもthree.jsのことは全く分からず、ネット上にも情報が少ないので、座標を教えてもらったのですが、本当に大変でした。何はともあれ、ついにそれが実現しました。マウス クリックの 3 次元座標を取得したいので、カメラ オブジェクトとシーンはすでにあると思います。わからない場合は、まずこれら 2 つのオブジェクトを見てください。ここでは原理はさておき、主に 3 次元座標の求め方について説明します。上記のコード: function onDocumentMouseDown(event) { イベント.preventDefault(); var Vector = new THREE.Vector3();//3次元座標オブジェクト &

1. マウスクリックの3次元座標を取得するThree.jsサンプルコードの詳細説明

JavaScriptを使用して3次元座標効果を実装するコードのまとめ

はじめに:この記事では主にThree.jsのサンプルコードを紹介します。マウスクリックの三次元座標を取得します。一定の参考価値があり、興味のある友人は参考にすることができます。

2. CSS3 で遊ぶための 3D 技術手順の図

JavaScriptを使用して3次元座標効果を実装するコードのまとめ

はじめに: CSS3 で 3D を始めるには、いくつかの単語を理解する必要があります。これは遠近法です)、回転および平行移動します。遠近法とは、3D 効果を示すために画面上の 2D のものを現実的な視点から見ることを意味します。回転は 2D 平面上の回転ではなく、X 軸、Y 軸、Z 軸上の回転を含む 3 次元座標系の回転になります。パンニングも同様です。 もちろん、理論的に説明しても理解できないと思います。以下に 3 つの gif を示します:

に沿って回転します はじめに: CSS3 で 3D を使い始めるには、遠近法、回転、および変換といういくつかの単語を理解する必要があります。遠近法とは、3D 効果を示すために画面上の 2D のものを現実的な視点から見ることを意味します。回転は 2D 平面上の回転ではなく、X 軸、Y 軸、Z 軸上の回転を含む 3 次元座標系の回転になります。パンニングも同様です。 もちろん、理論的に説明しても理解できないと思います。以下は 3 つの gif です:

JavaScriptを使用して3次元座標効果を実装するコードのまとめ に沿って回転します はじめに: CSS3 で 3D を操作するには、遠近法、回転、および変換といういくつかの単語を理解する必要があります。遠近法とは、3D 効果を示すために画面上の 2D のものを現実的な視点から見ることを意味します。回転は 2D 平面上の回転ではなく、X 軸、Y 軸、Z 軸上の回転を含む 3 次元座標系の回転になります。パンニングも同様です。

以上がJavaScriptを使用して3次元座標効果を実装するコードのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート