2011-06-25 13 views
1

3Dアナグリフ画像(赤色/シアン色)の作り方を探求しようとしています。私は図面を行うためにHTML5 <canvas>要素を使用しています。3Dアナグリフ画像内の色

問題は、どの色を正確に使用するべきかを知ることができないということです。また、私は色をどのように組み合わせるかについて本当に分かりません。

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

第2に、赤とシアンをどのように組み合わせるべきですか?私は現在、色を追加しますが、赤は(255,0,0)、シアンは(0,255,255)であるため、これは白になります。 sample imageで、彼らは黒になるようです - それはどのように可能ですか?

赤の部分にはどのような色を使用しますか?そして、赤とシアンの部分をどのように重ね合わせて組み合わせるのですか?

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

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


私が見ているとは思わない、と述べた:

答えて

2

まあ最初のオフは、ここにあなたが見て可能性がカップルのオープンソースアナグリフ画像の実装がありますいくつかのコードでこれを理解する最良の方法です。コードの背後にあることをより高いレベルで理解する必要があります。

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

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

ファーストは、PhotoshopやGIMPのチュートリアルをやってみたり、得られる画像は、あなたが望むものであることを確認するために何でもし、その技法をプログラムで実装しようとします。

+0

私はGIMPで遊ぶのが非常に役に立ちます - ありがとう。 – pimvdb

0

3D画像では、まず左目にどのような画像を表示したいのか、どの画像に右目を表示したいのですか?次に、イメージを3Dイメージに結合するための技術を使用することができます。

画像を合成する赤/シアンのメガネは、それほどシンプルではありません。例えば、赤いプラスチックは、実際には緑の光を少し透過させます。幸いにも、3D赤/シアンアナグリフを作成するには、左/右画像を単一の赤/シアンアナグリフに組み合わせるための数学的に最適な技術を開発したEric Duboisがどのように最善の方法をとるかという問題が考えられました。

このアルゴリズムの詳細については、another questionで説明しました。 2つの画像をHTML5キャンバス上の単一のアナグリフに結合する作業JavaScript demoに行くこともできます。