Colors 三维立体图像中的颜色

Colors 三维立体图像中的颜色,colors,3d,html5-canvas,anaglyph-3d,Colors,3d,Html5 Canvas,Anaglyph 3d,我试图探索如何制作3D立体图像(红色/青色)。我正在使用HTML5元素来绘制 问题是我不知道到底应该用什么颜色。另外,我也不确定如何组合颜色 目前我有以下代码:。问题是我无法为红色部分使用正确的颜色。无论我选择了多少红色,我的眼镜仍然让红色透过眼镜的红色部分。然而,青色并没有穿过我眼镜的青色部分。这似乎也取决于背景颜色——有人能解释一下吗 其次,我应该如何结合红色和青色?我现在把颜色加起来,但结果是白色,因为红色是(255,0,0),青色是(025525)。从某种意义上说,它们加起来似乎是黑色的

我试图探索如何制作3D立体图像(红色/青色)。我正在使用HTML5
元素来绘制

问题是我不知道到底应该用什么颜色。另外,我也不确定如何组合颜色

目前我有以下代码:。问题是我无法为红色部分使用正确的颜色。无论我选择了多少红色,我的眼镜仍然让红色透过眼镜的红色部分。然而,青色并没有穿过我眼镜的青色部分。这似乎也取决于背景颜色——有人能解释一下吗

其次,我应该如何结合红色和青色?我现在把颜色加起来,但结果是白色,因为红色是
(255,0,0)
,青色是
(025525)
。从某种意义上说,它们加起来似乎是黑色的——这怎么可能呢


那么,红色部分应该用什么颜色?如何将红色和青色重叠的部分组合起来?

首先,这里有两个开源的浮雕图像实现,您可以看看:


也就是说,我不认为看一些代码是解决这个问题的最好方法。您需要在更高的层次上理解代码背后发生了什么

所以我建议看一下本页的教程;以下是如何在图像编辑程序中手动创建浮雕图像的说明:


首先尝试在Photoshop或GIMP或其他任何工具中执行教程,以确保生成的图像是您想要的,然后尝试以编程方式实现该技术。

对于3D图像,您首先必须考虑:您希望左眼看到什么图像,您希望右眼看到什么图像?然后,您可以使用一些技术将图像组合成3D图像

对于红色/青色眼镜来说,组合图像并不像看上去那么简单;例如,红色塑料实际上让一点绿光通过。幸运的是,Eric Dubois考虑了如何最好地创建三维红色/青色浮雕的问题,他开发了一种数学上最佳的技术,将左/右图像组合成单个红色/青色浮雕

有关此算法的详细信息已在中讨论。您可能还想在HTML5画布上将两幅图像合并成一幅立体画