サンプルコード一覧

p5.jsで学ぶプログラミング入門ー錯視をつくってみようー

リンクをクリックすると、p5.jsのエディタが開きます。

リストリンクIllusion
11.1chap01-背景色
11.21.8chap01-線を描く
11.31.1chap01-水平垂直錯視Vertical–horizontal illusion
22.1chap02-デルブーフ錯視Delboeuf illusion
22.12.3chap02-オッペルクント錯視Oppel–Kundt illusion
22.22.4chap02-描画関数de錯視Geometric illusions
22.32.5chap02-オッペルクント錯視-変数版Oppel–Kundt illusion
22.42.7chap02-console-log
22.52.8chap02-特別な変数
22.62.9chap02-明るさ対比-見た目変更Simultaneous brightness contrast
22.72.11chap02-色の対比Simultaneous color contrast
22.82.13chap02-オッペルクント錯視-HSB色モデルOppel–Kundt illusion
22.92.14chap02-カニッツァKanizsa illusion
33.1chap03-エビングハウス錯視Ebbinghouse illusion
33.13.2chap03-オッペルクント-たくさんの線Oppel–Kundt Illusion (Illusion of Filled Extent)
33.23.4chap03-ヘルムホルツの正方形-カウンタ変数Helmholtz Square Illusion
33.33.5chap03-エーレンシュタイン錯視-円環Ehrenstein Illusion
33.43.7chap03-ヘルマン格子Hermann Grid Illusion
33.53.8chap03-仮現運動-ifelseApparent Motion
33.63.9chap03-仮現運動-ifelse-blankApparent Motion
33.73.10chap03-仮現運動-ifelse-midApparent Motion
33.83.11chap03-ツェルナー錯視Zöllner Illusion
33.93.12chap03-break
33.13chap03-きらめき格子Scintillating Grid Illusion
33.14chap03-カフェウォール錯視Café Wall Illusion
44.1chap04-フットステップ錯視Footsteps Illusion
44.14.2chap04-furrow-illusionFurrow Illusion
44.24.3chap04-millis
44.34.4chap04-非同期コントラスト錯視Asynchronous Contrast Illusion
4chap04-非同期コントラスト錯視-同期Asynchronous Contrast Illusion
44.44.6chap04- ワゴンホイール錯視Wagon-Wheel Illusion
44.54.7chap04-トロクスラーフェイディングTroxler Fading
44.6chap04-仮現運動-時間制御Apparent Motion
44.9chap04-影の運動による色の捕捉現象Motion-Induced Color Capture
44.10chap04-ダイナミックエビングハウスDynamic Ebbinghaus Illusion
55.1chap05-曲がり盲Curvature Blindness Illusion
55.15.2chap05-回転する渦巻き残効Rotating Spiral Aftereffect
55.3chap05-回転する渦巻き残効
55.4chap05-いろいろな形
55.25.5chap05- MackayRay錯視MacKay Rays Illusion
55.35.6chap05-波線明るさ錯視Wavy Line Brightness Illusion
55.45.7chap05-ガンガゼ三角波Hatpin urchin
55.55.8chap05-ホワイトハートWhite’s Illusion
66.76.1chap06-ピンナ錯視Pinna–Brelstaff Illusion
66.16.2chap06-4ストローク運動Four-Stroke Motion
6chap06-4ストローク運動push入れ子Four-Stroke Motion
66.2chap06-原点中心Ehrenstein Illusion
66.36.3chap06-4ストローク運動pushFour-Stroke Motion
66.46.4chap06-描画スタイルのpush
66.56.5chap06-コメの波-白黒Wave of Rice
66.6chap06-コメの波-白黒--移動のみWave of Rice
66.8chap06-回転の解説
66.66.9chap06-フレーザー渦巻き簡易版Fraser Spiral Illusion
77.77.1chap07-ヘビの回転錯視白黒Rotating Snake Illusion
77.17.2chap07-ジョバネッリ錯視Giovanelli Illusion
77.27.3chap07-ジョバネッリ錯視-引数Giovanelli Illusion
77.37.4chap07-ジョバネッリ錯視-デフォルト引数Giovanelli Illusion
77.47.5chap07-ジョバネッリ錯視-returnGiovanelli Illusion
77.57.6chap07-関数のスコープ-MLMüller–Lyer Illusion
77.67.8chap07-フットステップ-変数スコープFootstep Illusion
88.1chap08-カフェウォール-HTML要素Café Wall Illusion
88.18.2chap08-ポンゾ錯視-マウスPonzo Illusion
88.28.3chap08-マウス−時間再校正Illusory Reversal of Action and Sensation
8chap08-マウス−時間再校正-やってみようTime Recalibration (Try it)
88.38.4chap08-拍動する四角-キーボードBreathing Square Illusion
88.48.5chap08-ミュラーリヤー-HTML要素Müller–Lyer Illusion
99.19.1chap09-pigion-neckPigeon Neck Illusion
99.29.3chap09-SFMStructure-from-Motion
99.39.4chap09-オブジェクト-おの錯視Ono Illusion
99.49.5chap09-snow-blindSnow-Blind Illusion
99.59.7chap09-lum-loomSchäffel's Luminance Looming
1010.510.1chap10-フラクタルパセリFractal Parsley illusion
1010.110.3chap10-画像-顔錯視Negative Aftereffect
1010.210.4chap10-速度順応Speed adaptation
1010.310.5chap10-シェパードトーンShepard Tone Illusion
1010.410.6chap10-連続聴効果Phonemic Restoration
1010.610.7chap10-ホローフェイス錯視Hollow-Face Illusion
1010.7chap10-save
カバーcover-Christmas-TreeScintilating Fins
カバーcover-市松模様Ichimatsu