JavaScript programs

since July 7, 2020


トンネル <March 19, 20, 21, 2023>

トンネル(camera obscura 射影) <March 19, 20, 21, 22, 2023>

color トンネル <March 19, 20, 2023>


モワレ <March 19, 20, 21, 2023>


螺旋の渦巻き <March 18, 2023>


ベルヌーイの渦巻き <March 21, 2023>

color ベルヌーイの渦巻き <March 21, 2023>


アルキメデスの渦巻き <March 21, 2023>

color アルキメデスの渦巻き <March 21, 2023>


ベンハムの独楽 <December 19, 20, 21, 30, 2022>


ベンハムの独楽・太い円弧版 <December 30, 2022>

ベンハムの独楽・細い円弧版 <December 31, 2022>

ベンハムの独楽・長い円弧版 <January 5, 2023>

ベンハムの独楽・長い円弧版で、1種類だけびっしり <January 13, 2023>

ベンハムの独楽・長い円弧版で、1種類だけネガポジ等間隔にびっしり <January 15, 2023>

ベンハムの独楽・長い円弧版で、1種類だけで、長さが異なる4種類 <January 15, 2023>

ベンハムの独楽・やや長い円弧版で、color cancellationの研究用 <January 22, 2023>

ベンハムの独楽・やや長い円弧版で、color cancellationの研究用(対抗する弧の束の白黒位相反転版) <January 22, 2023>

円弧だけ(背景白) <January 22, 2023>

円弧だけ(背景黒) <January 22, 2023>

円弧なし <January 22, 2023>


ベンハムの独楽・中間の円弧2個版 <January 7, 2023>

ベンハムの独楽・中間の円弧2個版から太い版・2円弧 <January 22, 2023>

ベンハムの独楽・中間の円弧2個版から太い版・2円弧・くっついている方だけ <January 22 2023>

ベンハムの独楽・中間の円弧2個版から太い版・2円弧・離れている方だけ <January 22 2023>

ベンハムの独楽・中間の円弧2個版から太い版・2円弧・離れている方だけ2 <January 26 2023>


並置混色・2レーン <September 25, 26, 27, October 13, 2022>


並置混色・3レーン <October 13, 14, 2022>




超彩度: 並置混色・2レーン <October 15, 16, 17, 18, 2022>


超彩度: 単純 <October 19, 20, 2022>


光沢感変調・色相で範囲を指定 <October 29, 30, 31, 2022>


光沢感変調・全画面 <October 25, 2022>


Line art (two lanes) <November 29, December 8, 9, 10, 11, 2022>


RGBのヒストグラムの圧縮・伸展プログラム
(A program to produce an image of color illusion or to restore the original image by converting (compressing or extending) the ranges of RGB-subpixel values)
<April 14, September 17, October 3, 13, November 12, 13, 26, 2022>


加算的色変換と乗算的色変換(additive color change and multiplicative one <November 10, December 7, 2022>


加算的色変換と乗算的色変換 (色ベタ塗り画像での変換)<December 7, 2022>


スクランブル画像 <August 25, 26, 2022>


Isoluminance and isochroma 等輝度・等彩度画像作成プログラム <February 25, March 3, 7, 8, 9, 23, April 12, July 23, 24, September 3, 9, 12, 15, 19, October 4, 6, 8, 9, 2022>


いろいろなカラーマッピング <October 9, 10, 2022>


画像をクリックして画素の色を表示するプログラム <August 1, 2, September 16, October 8, 9, 2022>


RGB値の階調値⇔リニア値変換 <November 21, 2022>


色のベタ塗り <January 30, February 14, 18, 24, March 1, 4, 7, July 25, September 18, October 1, 8, 9, 2022>


パターン作成 <August 10, 12, 13, 14, 15, 21, September 15, 2022>


コントラスト変調 <August 5, 6, 2, 12, 13, 2022>


方形版 <February 8, 9, 2023>


ブラックホールの拡大錯視の研究 <August 4, 5, December 7, 2022>


ネガポジ反転 <August 15, 2022>


A veriety of color space いろいろな色度図 (xy、L*a*b*, LMS, DKL、HSV、HCV、LCh)<February 18, 23, 24, 25, 26, March 1, 2, 3, 5, 18, April 9, 10, 12, 29, May 3, 17, August 14, 2022>


色度図を俯瞰 <April 24, 25, 29, May 11, 29, 31, 2022>


Isoluminance 等輝度色のxy、L*a*b*、LMS、DKLのマッピング <February 19, 2022>


旧バージョン 画像の全画素の色のCIE xy値とCIELAB値の分布を表示するプログラム <February 2, 5, 8, 10, 17, 26, 2022>


旧バージョン(JavaScript-CIExy02c.html)(RGBをリニア化していなかった)


xy値を入力してプロット <February 14, 18, 22, 2022>
http://www.psy.ritsumei.ac.jp/~akitaoka/JavaScript-CIExy03xy2.html

DKL研究用 <March 4, 2022>(軸の長さをどういじれば正6角形になるのかの研究)


sRGB値を各種パラメータに変換あるいは逆変換する変換式一覧 <May 3, 2022>


隣接する領域との色差の分布 <August 20, 21, 2022>


隣接する領域との輝度差の分布 <August 17, 18, 19, 20, 2022>


RGBヒストグラム <April 9, 12, May 3, 2022>


「HCV」表色系カラーチャート作成プログラム <March 10, 15, 16, 17, 18, 19, 21, April 16, May 3, September 18, October 1, 2022>

速く動くバージョン <March 10, 15, 16, 17, 18, 19, 21, April 16, September 14, 2022>

Converter between RGB and HCV <April 1, July 25, 2022>

A demo of the dark background <April 24, 2022>

Small version for each demo <June 18, 25, 2022>

「HCV」表色系カラーチャート作成プログラム(彩度の代わりに飽和度) <September 18, 2022>


「HCV」表色系カラーチャート作成プログラム(彩度から飽和度まで連続) <September 28, October 1, 2022>


「HCV」表色系カラーチャート作成プログラム(彩度・飽和度の代わりに色成分の包含量)
<September 30, October 6, 2022>


「HCV」表色系カラーチャート作成プログラム(彩度から色成分の包含量まで連続) <October 1, 2022>


「HCV」表色系カラーチャート作成プログラム(HCV to RGBで作成する新バージョン) <May 17, 18, 19, 20, 21, June 22, 2022>


HCV色空間にプロット
<May 28, 31, June 1, 2, 26, July 10, 2022>


HCV空間にプロット(彩度の代わりに飽和度 <September 17, 2022>


HCV空間にプロット(彩度の代わりに色充填率) <October 1, 5, 2022, March, 5, 2023>


等彩度マッピング <June 23, 2022>

small version for each demo <June 23, 2022>


等飽和度マッピング <September 29, 2022>


等充填率マッピング <October 5, 6, 2022>


PCCSトーンのような色セット <July 2, 3, 4, September 13, 2022>


オストワルト表色系的なPCCSトーンのような色セット <October 2, 2022>


CIE Yxy 色空間 <April 16, 18, 19, 21, 30, 2022>


CIE Yxy色空間にプロット <June 6, 19, 20, 21, 24, 26, August 14, March 16, 2022>


KDE: CIE Yxy色空間にプロット <September 1, 2022>


L*a*b* 色空間 <April 29, 30, May 3, August 20, 2022>


L*a*b*色空間にプロット
<June 6, 21, 25, 26, July 10, 2022>


KDE: L*a*b*色空間にプロット <September 1, 2022>


DKL色空間 <April 30, May 3, 7, 11, 2022>


DKL色空間にプロット <June 9, 26, 28, July 10, 2022>


KDE: DKL色空間にプロット <August 31, September 1, 2022>


MacLeod-Boynton 色空間にプロット <June 11, July 7, 9, 10, 2022>


HSV色空間 <May 23, 24, 26, 2022>


HSV色空間にプロット <May 27, 28, 31, June 4, 7, 26, 29, 30, July 10, 2022>


KDE: HSV色空間にプロット
<September 2, 2022>


u' v' 色空間にプロット <June 7, 30, July 1, 10, 2022>


L*u*v* 色空間にプロット <June 8, 29, 30, 2022>


LMS 色空間にプロット <June 14, July 10, 2022>

上記画面のバージョンは JavaScript-LMS-distrubution01c.html


upright LMS 色空間にプロット <March 15, 2023>


XYZ 色空間にプロット <June 14, 2022>


upright XYZ 色空間にプロット <March 9, 10, 13, 14, 2023>


RGB 色空間にプロット <June 15, 2022>


upright RGB 色空間にプロット <June 16, 2022, March 15, 2023>


CIE xy色度図において色の分布を直線状に配置するプログラム <March 27, 31, April 1, 2, 3(リニア化対応・任意の色相の2値化対応), 12, 2022>


上記の英語版(English version) <May 5, 2022>


(任意の色相の2値化対応版以前)CIE xy色度図において色の分布を直線状に配置するプログラム <February 11, 12, 18(リニア化対応), April 12, 2022>


(初期タイプ)赤から黄までとか偏った色の画像を生成するプログラム <February 5, 11, 2022>


赤・黄・マゼンタの範囲とかいった偏った色の画像を生成するプログラム <February 6, 11, 18(リニア化対応), 2022>


蛍光色画像化プログラム <February 6, 9, 11, 22, 2022>


change of chroma by maintaning luminance 輝度を変えずに彩度を最大化するプログラム <March 24, 25, April 12, 2022>


画像を入力できる継時混色(2フレーム・フルカラー)のデモ <January 24, 2022>


画像を入力できる継時混色のデモ <January 22, 23, 2022>


CIE xy色度図に全色入れるための画像生成プログラム <February 3, 18, 23, March 1, 2, 3, 4, 5, 6, June 18, September 1, 2022>


Moving phantoms <March 17, 2022, February 22, 2023>


運動視差 <December 28, 2021>

JavaScript-motion_parallax01b.html (両方向)

JavaScript-motion_parallax02b.html (片方向・水平方向)

JavaScript-motion_parallax02v.html (片方向・垂直方向)


運動透明視 <December 18, 19, 2021>

その英語版 <December 19, 2021>

縦横同時提示版 <December 19, 2021>


フットステップ錯視

A demo of the footsteps illusion <August 4, 2021> (objectsが動く。in front と behind 両方)

A demo of the footsteps illusion(円盤・楕円)<August 10,11,12 2021> (objectsが動く。in front と behind 両方)

A demo of the footsteps illusion (平行四辺形可)<August 11, 2021> (objectsが動く。in front と behind 両方)


デモ版

A demo of the footsteps illusion <August 4, 2021> (標準的なフットステップ錯視。objectsが動く。in front のみ)

A demo of the footsteps illusion <August 11,16,18, 2021> (円盤・楕円のフットステップ錯視。objectsが動く。in front のみ)

A demo of the footsteps illusion <August 11,14,16,17, 2021> (平行四辺形が可能なフットステップ錯視。objectsが動く。in front と behind)

A demo of the footsteps illusion <August 17, 2021> (上記と同じで、kick-forward illusion用)

A demo of the footsteps illusion <August 18, 2021> (上記と同じで、上下動もの)

(A demo of the footsteps illusion <August 12, 2021> (長方形は縞模様の背後)(平行四辺形が可能なフットステップ錯視))

いずれも animation GIF に変換できる。




逆フットステップ錯視

A demo of the inverted footsteps illusion <August 4, 2021>
(grating が動く。in front あるいは behind 単独、あるいは in front と behind 両方)

A demo of the inverted footsteps illusion (円盤・楕円)<August 10,11,12, 2021>

A demo of the inverted footsteps illusion (円盤・楕円・輪郭)<August 11, 2021>

A demo of the inverted footsteps illusion (平行四辺形可能)<August 11, 2021>


デモ版

A demo of the inverted footsteps illusion (平行四辺形可能)<August 14,17, 2021>

A demo of the inverted footsteps illusion (上記と同じで、kick-forward illusion用)<August 17, 2021>

A demo of the inverted footsteps illusion (上記と同じで、上下動もの)<August 19, 2021>

A demo of the inverted footsteps illusion (円盤・楕円)<August 14,16,18, 2021>

いずれも animation GIF に変換できる。


A program of 4-frame simple animation <August 3, 2021>


A program of 20-frame simple animation <August 4, 2021> (animation GIF 変換を初めて実装)


Color illusion by histogram compression (version 3) <August 1, 2021>


ver. 3b(ECVP2021 Showtime! 申込用)(ver. 4で置き換えた(2021/8/10)。元のver.3bは -original と付けて保存)


ver. 3c (最新)

ver. 4 (最々新。自動変換を装備)

ver. 4c2 (最々々新。さらに充実)


以下が完成版

ver. ECVP2021 ShowTime! (≒ver. 4c2, August 14, 2021)Twitter

その日本語版 <October 13, 2021>


Color illusion by histogram compression <July 29, 2021>


Histogram compression <July 27, 2021>


Exchange RGB <July 24, 2021>


画像のRとG、GとB、BとRを交換するだけのプログラム <July 24, 2021>


画像のRとBを交換するだけのプログラム <July 24, 2021>


ストループ効果の測定プログラム <September 28, 2021>


単純反応時間の測定プログラム <May 23, 2021>


はじめての動くリサジュー図形のプログラム <May 19-20, 2021>


その45度傾いたバージョン <May 20, 2021>

描画のドット数を減らせるプログラム(今後、これを基本とする) <December 3, 9, 2021>

振幅変動版 <December 9, 2021>

xy軸交換版同時提示 <December 9, 2021>


はじめてのリサジュー図形描画プログラム <May 19, 2021>


RGBCMY混色の継時混色(フィールドシーケンシャル)のデモ2 <May 16, 2021>


RGBCMY混色の継時混色(フィールドシーケンシャル)のデモ <May 16, 2021>


t分布のシミュレーション <August 8, 2020>


カイ二乗分布(χ2 = z1 + z2 + … + zk)のシミュレーション <August 7, 2020>


平均0、標準偏差1の母集団からの標本の平均の平均(標本平均)とその標準偏差(標準誤差)のシミュレーション

<August 3, 2020; 修正 August 5, 2020>


平均0、標準偏差1の母集団からのサンプルの平均の確信区間をシミュレーションで求めるプログラム <August 3, 2020>


1群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム(完全シミュレーション版)(D > 0 の確率付き)

<August 1, 2020; 修正 August 3, 2020>

1群のt検定をやるような場合(対応のある2群のt検定を差分でやる場合を含む)


同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム(完全シミュレーション版)(D > 0 の確率付き)

<July 30, 2020; 修正 August 3, 2020>

nの等しい独立した2群のt検定をやるような場合


同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム(完全シミュレーション版) <July 29, 2020>

(使用しない)

nの等しい独立した2群のt検定をやるような場合


同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム <July 21, 2020>

(使用しない)

nの等しい独立した2群のt検定をやるような場合


同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム <July 19, 2020>

(使用しない)

nの等しい独立した2群のt検定をやるような場合


Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションし、それを1セッションとして複数セッション繰り返すするプログラム <July 23, 2020>

nの等しい独立した2群のt検定をやるような場合


Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションするプログラム <July 16, 2020>

nの等しい独立した2群のt検定をやるような場合


Hedges' g はサンプルサイズによってどのように変動するかをシミュレーションするプログラム <July 18, 2020>

nの等しい独立した2群のt検定をやるような場合


Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションするプログラム(1標本タイプ) <July 17, 2020>

1群のt検定をやるような場合


二項検定のプログラム <July 8, 2020; updated January 18, 2021>

二項分布も数値で出せる。2021年度以降の授業用


ただの足し算 <July 7, 2020>

JavaScriptプログラミングの自分用の練習用


卒論生救済JavaScriptプロジェクト「タピオカンドリーム ver.7」 <November 17, 2019>

U君救済用


単純化版 <August 2, 2021>

「扉を開けたまま走る電車」 <August 2, 2021>


トップページ