問題タブ [skybox]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
517 参照

c++ - OpenGL ES 2.0、Android NDK を使用したスカイボックス -- 黒い画面

これが私が物事を設定する方法です。.tga ファイルのロードは問題ありません。私はそのロードを 2D テクスチャ マッピングに使用しましたが、これは正常に機能します。

これはキューブ データとテクスチャ データです。これはあまり間違っていないかもしれません。OpenGL を使用してデスクトップで Skybox を作成するために同じデータを使用しました。

テクスチャ座標:

シェーダーについて特別なことは何もありません。頂点シェーダーは位置を埋めるだけで、テクスチャ座標をパススルーし、フラグメント シェーダーは次を使用してテクスチャをマッピングしようとします。

これは私がレンダリングしようとする方法です

最後になりますが、非常に重要なカメラ設定です。立方体が「内側」で、テクスチャが内側からマッピングされることを期待しています。

お時間をいただきありがとうございます。ご理解とご協力をお願いいたします。(すでに1.5日を費やし、多くのことを試しました.少なくともStackOverFlowが役立つことを願っています..)

0 投票する
1 に答える
1528 参照

javascript - タイルマップから three.js スカイボックスを作る

6 つの個別の画像ファイルを使用して three.js スカイボックスを作成できます。しかし、タイルで構成された単一の画像からスカイボックスを構築できるようにしたいと考えています。

たとえば、ソースとして複合タイル画像がある場合 (( http://www.zen226082.zen.co.uk/STACK_EXCHANGE/Giant_A.jpgを参照)...ここに投稿するのに十分な担当者がいません:-(。

合成画像をキャンバスにロードし、各タイルをキャッシュ バッファーにコピーしてから、それらを Three.js マテリアル配列に送信できます。次に、材料を使用してスカイボックスを作成します。

ただし、2 つの問題があります。

問題 1 は、合成画像を反転する必要があることです。これは、Paint.net などのグラフィック アプリで簡単に実行できますが、javascript/three.js でプログラムによって実行できると便利です。

問題 2 は、Three.js では Y+ と Y- のタイルも 180 度回転する必要があることです。これをグラフィックス アプリケーションで行うのは (私にとっては) 難しいことです。たとえば、これは、私が使用している Three.js コードに合わせて変更した後の複合タイル画像です ( http://www.zen226082.zen.co.uk/STACK_EXCHANGE/Giant_B.jpg ) (恐ろしい!)

私の質問 = 2 つのタイルを合成画像から抽出した後、それらをスカイボックス構造に渡す前に 180 度回転させる方法はありますか?

編集 (2014 年 8 月 10 日) 質問は、「12 個の同じサイズのタイルで構成される単一の画像ファイルから three.js skyBox を作成する方法」である必要があります。

これが私が使用しているコードです:-

0 投票する
1 に答える
267 参照

opengl - エッジが交わる OpenGL Skybox の黒い三角形

スカイボックスの端に黒い三角形が表示されます。近づくと姿を消し、カメラで遠ざけると大きくなります。私の問題はどこにあるのでしょうか? ありがとう

レンダリング関数は次のとおりです。

ここに画像の説明を入力

0 投票する
0 に答える
222 参照

three.js - Skybox が VR でレンダリングされない

Three.js の例と VR サポートをいじっています。ほとんどの例はうまく移植されていますが、Skybox が関係している場合、VR ビューに移植されていないようです。

初期化:

レンダリング時

最初の VR レンダリングが影響を与える前に、Skybox メッシュをシーンに再ロードしようとしましたが、役に立ちませんでした

0 投票する
1 に答える
1263 参照

three.js - Three.js アンカリング SkyBox

スカイボックスがパラメーターの影響を受けないようにしようとしていcamera.farます。スカイボックスだけでなく、他のすべてのシーン オブジェクトをこれでカリングしたいと思います。

私が設定したときskyBox.frustumCulled = false;、それは違いはありません。skyBoxもちろんメッシュです。

これは、別のレンダー パスを追加することによって行われますか? もしそうなら、スカイボックスを正しく表示するには、遠距離値が非常に高い2つの異なるカメラが必要ですか? これを効率的に行うにはどうすればよいでしょうか。

わかりやすくするために、スカイボックスの描画に使用した地形オブジェクト コードのスニペットを次に示します。

0 投票する
1 に答える
253 参照

c# - 地図の回転 (スカイボックス) XNA

コントロールに xna を含むウィンドウ フォームがあります。現在、画面の 1 つの領域に 2 つのモデルがあります。問題は、両方のモデルを同時に回転させる必要があることです。一方のオブジェクトはタンクで、もう一方はボックスでレンダリングされたスカイボックス (風景) を回転させることができます。

戦車はリアルタイムでシリアル ポートから提供されるデータを使用して移動します。戦車は完全に移動しますが、マップを回転させることはできません。

(地面はタンクと一緒に移動する必要があります)。

http://i61.tinypic.com/2efqrvc.jpg

このコードを使用して風景をレンダリングします。

問題は行部分にあると思います.Effect.Parameters["World"].SetValue.....すべての軸を使用してマップを回転させるには、そこに何を配置すればよいかわかりません。

このコードを使用してタンクを回転させます。

2 行目を見ると、角度を使用してタンクを回転させていることがわかります (そのようにする必要があります...)。アイデアや提案はありますか?

更新: 解決済み、どうやって?

SkyBoxRender メソッドで、次を追加しました。

次に、これを使用してマップ内でカメラを移動するようにアーカイブしました: part.Effect.Parameters["View"].SetValue(Matrix.CreateLookAt(yourCameraPosition) * orientacionCamara);

モデルのように同じ角度でカメラを同時に動かすには、今回はカメラではなくモデルを回転させます。

提案してくれてありがとう、誰にでも役立つことを願っています。

0 投票する
0 に答える
974 参照

unity3d - RenderSettings Skybox lerp

私が使用するために、スカイボックスを昼の素材から夜の素材に切り替えたい:

しかし、何も起こりません。

スカイボックスをマテリアルから別のマテリアルにスムーズに変更する正しい方法は何ですか?

ありがとうございました