1

3D アナグリフ画像 (赤/シアン色) を作成する方法を探っています。HTML5<canvas>要素を使用して描画を行っています。

問題は、どの色を正確に使用する必要があるかがわからないことです。また、色をどのように組み合わせるかについてはよくわかりません。

現在、次のコードがあります: http://jsfiddle.net/eGjak/15/。問題は、赤い部分に正しい色を使用できないことです。どれだけ赤を選んでも、私のメガネはまだ赤をメガネの赤い部分に通しています。ただし、シアンはメガネのシアン部分を通過しません。背景色にも依存しているようです-誰かがこれに光を当てることができますか?

次に、赤とシアンをどのように組み合わせる必要がありますか? 現在、色を合計していますが、赤が(255,0,0)でシアンが であるため、結果は白になり(0,255,255)ます。サンプル画像では、足し合わせると黒くなるように見えますが、どうしてそれが可能なのでしょうか?

では、赤い部分は何色にしようかな？そして、赤とシアンの部分が重なっている部分をどのように組み合わせるのですか?

4

2 に答える 2

2

まず最初に、次のようなオープンソースのアナグリフ画像の実装をいくつか見てみましょう。

http://www.schrammel.org/stereo-plascolin.php

http://www.leebyron.com/else/redblue/#redblue

そうは言っても、これを理解するための最良の方法は、いくつかのコードを見ることではないと思います。コードの背後で何が起こっているのかをより高いレベルで理解する必要があります。

したがって、このページのチュートリアルを参照することをお勧めします。これらは、画像編集プログラムでアナグリフ画像を手動で作成する方法の説明です。

http://graphicssoft.about.com/od/3danaglyphs/Making_3D_Anaglyphs.htm

まず、PhotoshopやGIMPなどでチュートリアルを実行して、結果の画像が希望どおりであることを確認してから、その手法をプログラムで実装してみてください。

于 2011-06-26T12:57:48.070 に答える