ギャラリー
CODE GALLERY
ギャラリー
HTML・CSS・JavaScriptで作った、眺めて楽しむ作品集です。ほとんどの作品は画像や動画を使わず、ブラウザの中でその場で描いています。
-
No.01 — FOREST BREATH
森の呼吸
風に揺れる木々と木漏れ日。朝霧と夕暮れを切り替えて、風の音と一緒に眺められます。
VIEW → -
No.02 — EARTH & MOON
地球と月
自転する地球と、そのまわりを回る月。夜側には街の明かりが灯り、ドラッグで地球を回せます。
VIEW → -
No.03 — MIDNIGHT CORRIDOR
真夜中の廊下
懐中電灯で照らす、夜の廊下。光を当てているあいだ、あれは動けません。ページ全体がホラー仕様です。
ENTER → -
No.04 — CITY LIGHTS
都会のビル群
窓の明かりが点き消えする夜景。夕暮れから深夜まで切り替えられ、雨の日は路面に街が映ります。
VIEW → -
No.05 — PIXEL FIELD
ドット絵のフィールド
昔のRPG風の島を歩けます。城や町で回復し、草むらでは魔物が出ます。ドット絵もコードで描いています。
PLAY → -
No.06 — SEA OF CLOUDS
雲海の展望台
雪をかぶった峰と流れる雲海。夜明けから星空まで時刻を動かせて、風の音も流れます。
VIEW → -
No.07 — CONSTELLATION OF QUESTIONS
問いの星座
哲学や学問の45の問いが星座のように浮かびます。ひとつ触れると灯り、隣の問いへ線が伸びます。
ENTER → -
No.08 — HUMAN HISTORY
人類史の年表
700万年前から今日まで、110の出来事。拡大縮小・分野の絞り込み・検索ができ、同じころの出来事も並びます。
VIEW → -
No.09 — LIFE IN WEEKS
人生カレンダー
1マスが1週間。生まれた日を入れると、使った週と残りの週が分かれます。入力は端末の中だけで計算します。
VIEW → -
No.10 — SORTING
ソートの見える化
6つの並べ替えを同じ条件で見比べられます。比較回数と交換回数を数え、音も鳴らせます。
RUN → -
No.11 — HOW TLS WORKS
TLSの仕組み
HTTPSの裏側のやりとりを1手ずつ。盗聴者から何が見えて、何が見えないかも並べて示します。
VIEW → -
No.12 — GIT BRANCHES
Gitの枝
ボタンを押すと枝が伸びます。ブランチが名札にすぎないこと、早送りとマージコミットの違いが見えます。
TRY → -
No.13 — REGEX LAB
正規表現ラボ
打つそばから一致した場所が光ります。グループは色分けされ、パターンは日本語に読み下されます。
TRY → -
No.14 — SHORT STORY
最後のジョブ
短編小説。読み進めると夜空が夜明けへ変わり、文字が現れ、数字が数え上がります。
READ → -
No.15 — JVM MEMORY
変数は、箱そのものではない
コードを1行ずつ実行して、スタックとヒープに矢印が伸びます。到達不能になった箱が灰色になり、GCで消えます。
TRY → -
No.16 — DREAM HOUSE
理想の家シミュレーター
屋根や外壁を選び、家具を並べ、森・海・雪の風景と時間帯や天気まで変えられる3Dの家。夜には部屋の明かりが灯ります。
BUILD → -
No.17 — FART FLIGHT
屁で翔べ!
前夜の献立と我慢した年数で一発の重さが決まる。満員電車の天井を突き破り、天空帝国・月を越えて銀河法廷を目指します。
FLY → -
COMING SOON
No.18 — NEXT WORK
次の作品を制作中
新しい作品ができたら、ここに並べていきます。
作品はPCでもスマホでも動きます。