スタートページ＞ Javascript＞ CANVAS

錯視(optical illusion)

「眼の錯覚」を CANVAS で作成しました。
「錯視図」は、「元図」に背景を加えたものです（「元図」がないものもあります）。
眼の位置を動かすことにより、錯視を実感できましょう。

以下の例は、主に
　　 みんなの知識 ちょっと便利帳「不思議な目の錯覚・錯視」
　　 都外川先生の色彩学レッスン「色の錯覚＆錯視」
等を参考にさせていただきました。

• Poggendorff錯視　 「錯視図」 「元図」
  　黒い線は青い線につながっている？
• Hering錯視　 「錯視図」 「元図」
  　赤線の中央が膨らんでいる？
• Zöllner錯視　 「錯視図」 「元図」
  　赤線は平行ではない？
• CafeWall錯視　 「錯視図」 「元図」
  　横線は曲がっている？
• Ouchi錯視　 「錯視図」
  　円が浮かび上がっている？
• Ehrenstein錯視　 「錯視図」
  　＋の間に明るい円がみえませんか？
• ScintillatingGrid錯視　 「錯視図」 「元図」
  　円の中に小さな点がみえませんか？
• Delboeuf錯視　 「大枠」 「小枠」
  　繰り返してください。
  　円が大きくなったり小さくなったり？
• ColotEffect錯視　 「錯視図」
  　上：背景が濃いと前景が明るく見えます。
  　下：背景が前景の色に引きずられます。