JavaScript programs
since July 7, 2020
オストワルト表色系的な並置混色画像 <December 17, 21, 2023>
オストワルト表色系的な並置混色画像・ランダム配置 <April 23, 2024>
オストワルト表色系的な並置混色画像・RGBWK <April 24, 2024>
オストワルト表色系的な並置混色画像・RGBWKx（作為的にちょっと明るく） <April 24, 2024>
画像にランダムドットを付加するブログラム <March 10, 2024>
anamorphosis アナモルフォーシス（だまし絵・ひずみ絵）作成ブログラム <March 10, 2024>
坂井市龍翔博物館もの <March 10, 2024>
JavaScript-confusion_color_discriminator01d.html
混同色弁別プログラム <February 10, 11, 2024>
螺旋・トンネル・放射状パターンを描いて揺らす <February 16, 2024>
画像を読み込んで揺らす <February 16, 17, 2024>
Line art (three lanes) <December 23, February 2, 2024>
Line art (two lanes) <November 29, December 8, 9, 10, 11, 2022>
等相対輝度画像 <January 1-3, 2024>
等黒画像、等白画像、等彩画像、等黒・等白画像 <December 23, 30, 2023, January 1, 3, 4, 2024>
等偏黒・等偏白画像 <January 8, 2024>
オストワルト表色系 <December 23, 2023>
オストワルト表色系の並置混色 <December 23, 2023>
ダウンサンプリング画像 <December 12, 14, 2023>
ダウングレイディング画像 <April 1, 2, 2024>
4ストローク運動・混合型 <November 5, 2023>
4ストローク運動・混合型（16フレーム） <November 9, 2023>
4ストローク運動・混合型（20フレーム） <November 11, 2023>
4ストローク運動・Mather型 <November 10, 2023>
San Siro illusion <October 29, 2023>
San Siro illusion 上円と下円は反対の回転 <October 30, 2023>
単純反応時間の測定プログラム <May 23, 2021, October 28, 29, 2023>
はじめての音出しプログラム <October 11, 2023>
はじめての音出しプログラム「あか」 <October 12, 2023>
画像をクリックして画素の色を表示するプログラム <August 1, 2, September 16, October 8, 9, 2022, August 1, 4, 5, 2023>
絵本の色を変えるプログラム 2 <October 30, 2023>
絵本の色を変えるプログラム <October 18, 2023>
単純に色を変えるツール <September 24, 25, 2023>
ストループ効果の測定プログラム <September 28, 2021, May 20, July 29, August 19, 2023>
ストループ効果・男性女性マーク <August 19, 2023>
ストループ効果・色と音で色 <October 12, 2023>
ストループ効果・形（○△□）と色名（赤緑青）の対応 <November 3, 2023>
ストループ効果・形（○△□）と色名（赤緑青）の対応・キー割り当て可変版 <November 9, 2023>
色ズレ画像作成 <July 26, 2023>
3色グラデーションパターン作成 <July 14, 15, 2023>
ウェブカメラの取り込み <July 4, 2023>
（httpsであるwww.ritsumei.ac.jpのサーバーにアップ）
ウェブカメラ ＆ RGBスワップ <July 4, 2023>
ウェブカメラ ＆ RGBスワップ（改良版）<March 30, 2024>
ウェブカメラ ＆ 色相変換 <July 5, 2023>
ウェブカメラ ＆ 彩度マップ <July 5, 2023>
ウェブカメラ ＆ 色覚シミュレータの模倣品 <July 5, 2023>
色のベタ塗り <January 30, February 14, 18, 24, March 1, 4, 7, July 25, September 18, October 1, 8, 9, 2022, April 12, 13, June 4, 29, 2023>
色のベタ塗り・HCV入力方式 <April 13, 2023>
画像の縮小・拡大変換 <June 8, 2023>
卒論用改変版（縮小して拡大する。モザイクのようになる） （大学のサーバーにリンク）<November 29, 2023>
画像の接合（stitch） <June 20, 2023>
2色覚のシミュレーション <June 30, July1 2023>
2色覚のシミュレーション（青黄変換で混同色がない場合に無修正の旧バージョン） <June 30, July1 2023>
トンネル <March 19, 20, 21, 28, September 10, 2023, February 6, 2004>
トンネル大 <8000 x 8000 pixels: March 19, 20, 21, 27, 2023>
トンネル（camera obscura 射影） <March 19, 20, 21, 22, 2023>
color トンネル <March 19, 20, April 1, 2023>
雲付きトンネル <February 7, 14, 2024>
モワレ <March 19, 20, 21, 2023>
二重螺旋 <March 28, 2023>
内視鏡的な床屋のポールの錯視 <March 31, April 1, 2023>
plaid helix <April 1, 2023>
color plaid helix <April 2, 2023>
2色螺旋 <February 6, 2024>
螺旋の渦巻き <March 18, 2023>
ベルヌーイの渦巻き <March 21, 28, August 28, 2023>
ベルヌーイの渦巻き・ブラックホール付き <August 28, September 10, 2023>
color ベルヌーイの渦巻き <March 21, 31, 2023>
アルキメデスの渦巻き <March 21, 2023>
color アルキメデスの渦巻き <March 21, 2023>
放物線的な渦巻き（parabolic spiral） <March 28, 2023>
べき乗的な渦巻き <March 30, 2023>
color べき乗的な渦巻き <March 30, 2023>
双曲線的な渦巻き（hyperbolic spiral） <March 28, 2023>
逆数的で、べき乗的な渦巻き <March 30, 2023>
color 逆数的で、べき乗的な渦巻き <March 31, 2023>
対数を用いた渦巻き <March 31, 2023>
color 対数を用いた渦巻き <March 31, 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, April 14, June 8, 2023, March 24, April 27, 2024>
並置混色・3レーン <October 13, 14, 2022>
超彩度： 並置混色・2レーン <October 15, 16, 17, 18, 2022>
超彩度： 並置混色・3レーン <March 30, 2024>
超彩度： 単純 <October 19, 20, 2022>
超彩度： 単純（修正版） <May 18, 19, 2023, March 24, 2024>
光沢感変調・色相で範囲を指定 <October 29, 30, 31, 2022, March 24, 2024>
光沢感変調・全画面 <October 25, 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, June
11, 2023>
加算的色変換と乗算的色変換（additive color change and multiplicative one） <November 10, December 7, 2022, August 2, 2023>
加算的色変換と乗算的色変換 （色ベタ塗り画像での変換）<December 7, 2022>
スクランブル画像 <August 25, 26, 2022>
スクランブル画像・英語版 <August 25, 26, 2022, March 29, 2023>
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>
RGB値の階調値⇔リニア値変換 <November 21, 2022>
ランダムカラードット作成 <May 16, 2023>
パターン作成 <August 10, 12, 13, 14, 15, 21, September 15, 2022, January 21, March 2, 2024>
コントラスト変調 <August 5, 6, 2, 12, 13, 2022, April 14, 2024>
方形版 <February 8, 9, 2023>
ブラックホールの拡大錯視の研究 <August 4, 5, December 7, 2022, July 11, 2023>
色相変換 <May 23, 2023>
色相変換（特定の色相だけを変換） <May 25, 2023>
ネガポジ反転 <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, May 10, 2023>
DKL研究用 <March 4, 2022>（軸の長さをどういじれば正6角形になるのかの研究）
sRGB値を各種パラメータに変換あるいは逆変換する変換式一覧 <May 3, 2022>
隣接する領域との色差の分布 <August 20, 21, 2022>
隣接する領域との輝度差の分布 <August 17, 18, 19, 20, 2022>
隣接する領域との輝度差の分布（白同士はカウントしないバージョン） <August 17, 18, 19, 20, 2022, June 28, 2023>
色相ヒストグラム <June 2, 3, 2023>
RGBヒストグラム <April 9, 12, May 3, 2022, June 4, 2023>
RGBヒストグラム・リニア表示 <June 10, 2023>
「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, May 13, June 6, 15, 2023>
HCV色空間にプロット（二色覚） <June 24, 28, 2023>
HCV色空間にプロット（二色覚）（C型の彩度マップをLMSから構成する試み） <June 24, 27, 28, 2023>
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, ６, 2022>
PCCSトーンのような色セット <July 2, 3, 4, September 13, 2022>
オストワルト表色系的なPCCSトーンのような色セット <October 2, 2022>
CIE Yxy 色空間 <April 16, 18, 19, 21, 30, 2022>
CIE "Yyz" 色空間 <June 4, 2023>
CIE "Yzx" 色空間 <June 4, 2023>
CIE Yxy 色空間（2色覚） <June 23, 24, 2023>
CIE Yxy色空間にプロット <June 6, 19, 20, 21, 24, 26, August 14, March 16, 2022, May 11, 2023>
CIE Yxy色空間にプロット・スペクトル軌跡付き <May 7, 2023>
CIE Yxy色空間にプロット・色温度軌跡付き <May 9, 2023>
KDE: CIE Yxy色空間にプロット <September 1, 2022>
"Yyz" 色空間にプロット <June 4, 2023>
"Yzx" 色空間にプロット <June 4, 2023>
L*a*b* 色空間 <April 29, 30, May 3, August 20, 2022>
L*a*b*色空間にプロット <June 6, 21, 25, 26, July 10, 2022, May 11, 2023>
L*a*b*色空間にプロット・スペクトル軌跡付き <May 7, 2022>
KDE: L*a*b*色空間にプロット <September 1, 2022>
DKL色空間 <April 30, May 3, 7, 11, 2022>
DKL色空間にプロット <June 9, 26, 28, July 10, 2022, May 13, 2023>
KDE: DKL色空間にプロット <August 31, September 1, 2022>
MacLeod-Boynton 色空間にプロット <June 11, July 7, 9, 10, 2022>
LMS proportion 色空間にプロット <April 29, 2023>
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>
KDE: HSV色空間にプロット（プロットのみ表示） <July 12, 2023>
u' v' 色空間にプロット <June 7, 30, July 1, 10, 2022>
u' v' 色空間にプロット・スペクトル軌跡付き <May 7, 2023>
L*u*v* 色空間にプロット <June 8, 29, 30, 2022>
LMS 色空間にプロット <June 14, July 10, 2022>
上記画面のバージョンは JavaScript-LMS-distrubution01c.html。
LMS 色空間の切片（混同色線の表示用）<June 15, 16, 17, 18, 21, 2023>
upright LMS 色空間にプロット <March 15, 2023>
upright LMS色空間・きれいな水平断面を描画 <June 1, 4, 2023>
XYZ 色空間にプロット <June 14, April 3, 2022>
upright XYZ 色空間にプロット <March 9, 10, 13, 14, 2023>
upright XYZ 色空間にプロット・スペクトル軌跡付き <May 8, 2023>
upright XYZ色空間・きれいな水平断面を描画 <May 31, 2023>
RGB 色空間にプロット <June 15, 2022>
upright RGB 色空間にプロット <June 16, 2022, March 15, June 6, 2023>
upright RGB 色空間・きれいな水平断面を描画 <May 30, 31, 2023>
upright RGB 色空間・色相断面を描画 <June 6, 2023>
Yrg 色空間にプロット <June 5, 2023>
Ygb 色空間にプロット <June 5, 2023>
Ybr 色空間にプロット <June 5, 2023>
CIE xy色度図において色の分布を直線状に配置するプログラム（2色法など） <March 27, 31, April 1, 2, 3（リニア化対応・任意の色相の2値化対応）, 12, 2022, September 16, 2023>
上記の英語版（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; February 2, 2024>
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, July 2, 2023>
画像のRとG、GとB、BとRを交換するだけのプログラム <July 24, 2021>
画像のRとBを交換するだけのプログラム <July 24, 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>
s.png)
平均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検定をやるような場合
s.png)
同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム（完全シミュレーション版） <July 29, 2020>
（使用しない）
nの等しい独立した2群のt検定をやるような場合
s.png)
同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム <July 21, 2020>
（使用しない）
nの等しい独立した2群のt検定をやるような場合
s.png)
同じ人数の2群のt検定を想定した Cohen's d が与えられた時の、真のDの範囲を計算するプログラム <July 19, 2020>
（使用しない）
nの等しい独立した2群のt検定をやるような場合
s.png)
Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションし、それを1セッションとして複数セッション繰り返すするプログラム <July 23, 2020>
nの等しい独立した2群のt検定をやるような場合
Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションするプログラム <July 16, 2020>
nの等しい独立した2群のt検定をやるような場合
s.png)
Hedges' g はサンプルサイズによってどのように変動するかをシミュレーションするプログラム <July 18, 2020>
nの等しい独立した2群のt検定をやるような場合
Cohen's d はサンプルサイズによってどのように変動するかをシミュレーションするプログラム（1標本タイプ） <July 17, 2020>
1群のt検定をやるような場合
s.png)
二項検定のプログラム <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>