問題タブ [bump-mapping]

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 に答える
638 参照

sprite-kit - SKSpriteNode ライティングが SKTextureAtlas のテクスチャで機能しない

SpriteKit (OS X 10.11 ベータ版で Xcode 7 ベータ版と Xcode 6.4 を試した) で問題が発生しました。個別に使用すると機能する画像と法線ファイルから SKTextureAtlas を作成すると、法線マップ ライティングが機能しなくなります。次の例を参照してください。

ここに画像の説明を入力

左から右へ:

  • テクスチャ + 法線 + 照明 (アトラスのテクスチャ) を持つスプライト
  • テクスチャ + 通常のスプライト (アトラスのテクスチャ)
  • テクスチャ付きスプライト (アトラスのテクスチャ)
  • 通常のテクスチャのスプライト (アトラスのテクスチャ)
  • テクスチャ + 法線 + 照明 (imageNamed: を介して個々のファイルから作成されたテクスチャ) を持つスプライト

アトラスは実行時に SKTextureAtlas atlasWithDictionary: で作成され、次のテクスチャが含まれています。

注: Xcode でアトラスを作成し、atlasNamed を介してロードすると、まったく同じ問題が発生します。つまり、アトラスを作成する方法や時期に問題があることは間違いありませんが、テクスチャは最初にアトラスから取得されるためです。場所。

個々のファイルでスプライトを作成すると、照明が機能します (右端の画像):

アトラス ファイルでまったく同じことを行います。上のスクリーンショットは、アトラスからテクスチャとしてスプライト テクスチャと法線の正しい画像 (左から 3 番目と 4 番目) が得られることを証明しています。それでも、結果は左から 1 番目の画像で、法線マッピングのない、照らされたスプライトです。

通常のテクスチャには、SKTextureAtlas が適用されない形式の後処理が必要なのだろうか? それとも、アトラスの通常のテクスチャで問題が発生した人はいますか?

それとも、これはバグでしょうか?


更新:次のコードを使用して、新しい SpriteKit アプリ (OS X、ここからダウンロードして自分で試してください) でこの動作を再現しました。

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

opengl - Three.js ColladaLoader バンプスケール/重み付け? バンプ マップの強度を調整する方法

現在の ColladaLoader.js では、Three.js Phong マテリアルのバンプ強度または「bumpScale」を示す Collada 標準の「重み付け」値 (0.0-1.0) を読み取ったり適用したりするものは見当たりません。コラーダを Blender からエクスポートすると、three.js で即座にバンプ マテリアルが取得されることに気付きました (これは驚くほど単純です - やった!)。マテリアルに誇張された凸凹を与えます。

ColladaLoader を少し編集して、理想的な値 (0.05) を試すことができましたが、何か不足しているのか、間違っているのでしょうか? 他の誰かがこれを試しますか?私はjsonエクスポートでうまくいかなかったので、今のところColladaに固執していることに注意してください.

ありがとう

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

graphics - テクスチャ マップを使用して球体をバンプ マップする

テクスチャ マップを使用して球体をバンプ マップしたいと考えています。ただし、球の表面には、テクスチャ マップの領域の 10 倍の領域があります (両方ともピクセル単位の領域)。テクスチャ マップをバンプ マッピングに使用するさまざまな方法について説明します。

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

opengl - バンプ マッピングの黒い破片

現在、OpenGL プロジェクトにバンプ マッピングを実装しようとしています。問題は、キューブの同じ部分が黒いことです。この写真のように: ここに画像の説明を入力

シェーダーがどのように機能するかを理解していないことはほぼ確実なので、OpenGL Superbible のシェーダーを使用しました。これが私のコードです:頂点シェーダー

そしてフラグメントシェーダー:

私は何が欠けていますか?

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

c++ - オブジェクト空間からテクスチャ空間へのタンジェントを取得する

大学の課題では、オブジェクト空間からテクスチャ空間へのマトリックスを作成できるように、法線と法線の値から接線を計算するために必要な頂点座標を使用する必要があります。

マトリックスと従法線を作成するために必要なコードはありますが、タンジェントを計算するためのコードはありません。私はオンラインで調べようとしましたが、答えは通常私を混乱させます. それがどのように機能するかを明確に説明できますか?

編集:明らかに割り当てを誤解していたので、以前に書いたものを修正しました。私がそれを見るのを手伝ってくれてありがとう。

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

three.js - ノーマルマップ強度の設定変更

現在、three.js の法線マップの正しいビューに問題があります。添付画像のようです。法線マップの強度設定の問題だと思います。法線マップとバンプマップの強度を区別する方法はありますか? 別のビューアー (この差別化を提供する) では、バンプ マップの強度を上げることで、この奇妙な外観を引き起こすことができます。アドバイスをいただければ幸いです。ありがとう、そして最高の願いゲルト

three.js ビューアのテクスチャと法線マップを持つオブジェクト

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

javascript - バンプ マップが three.js のテクスチャに影響を与えない

マップとバンプマップをロードするために THREE.ImageUtils を使用しています。マップのグレースケール イメージはバンプマップとして使用されます。バンプ マップを追加しても影響はありません。

コード

バンプマップの繰り返しラップはマップとして可能ですか?