公開中p5.js Sketchbook/ 2026
p5.js Sketchbook（コードでえがく実験帳）
p5.jsで「何ができるか」を一望できる作品集。さわって動かせるジェネラティブ作品11点を、すべて実際のコードつきで展示する。
p5.jsジェネラティブアートGLSLシェーダインタラクティブ
Lab
運営サービスとは別に、AIを活用して制作した実験的なゲーム・ツール・3D作品たち。 「とりあえず作ってみる」から生まれた試行錯誤の記録です。
43 projects43 published
公開中
公開中wavesurfer.js Showcase/ 2026
wavesurfer.js ショーケース（波形で魅せるWebオーディオ）
音声波形ライブラリ wavesurfer.js の実力を、実際に触って確かめる1ページのショーケース。波形はすべて本物のWeb Audioで、クリック・ドラッグ・録音まで動きます。
wavesurfer.jsWeb Audio API波形スペクトログラム
公開中GSAP Motion Lab/ 2026
GSAP MOTION LAB（動きの実験室）
プロ品質のアニメーションエンジンGSAPの代表機能を、触って体感する1ページのショーケース。ページそのものがデモになっています。
GSAPScrollTriggerSplitTextWebアニメーション
公開中Hydra Showcase/ 2026
Hydra ショーケース
関数をつなぐだけでリアルタイム映像を合成するライブコーディング用ビジュアルシンセ Hydra を、その場で書き換えて体験できるショーケース。
HydraライブコーディングWebGLGLSL
公開中PixiJS Showcase/ 2026
PixiJS ショーケース
高速2DレンダラPixiJSの実力を、ブラウザのWebGLで動く8つのインタラクティブデモで体感する展示室。
PixiJSWebGLGLSLシェーダパーティクル
公開中Rive Lab/ 2026
Rive Lab（さわって動くアニメーション）
Riveのアニメーションをブラウザ上で実際に触れるショーケース。ホバー・クリック・数値入力に反応して表情を変える「動くUI」を体感できる。
RiveステートマシンWebAssemblyデータバインディング
公開中Howler.js Playground/ 2026
Howler.js Playground（鳴らして触るWebオーディオ）
Webオーディオライブラリ Howler.js のドラム・スプライト・BGM・3D空間音響を、読むのではなく実際に鳴らして体感できるインタラクティブ・ショーケース。
Howler.jsWeb Audio APIオーディオ可視化3D空間オーディオ
公開中Lottie Showcase/ 2026
Lottie ショーケース（動くをコードで自在に）
Lottieの軽量・解像度非依存・プログラム制御という魅力を、説明だけでなく実際に触って体感できる1ページのデモサイト。
Lottieベクターアニメーションモーフィングインタラクティブ
公開中Babylon.js Showcase/ 2026
Babylon.js Showcase（統合型Web 3Dエンジン）
追加ライブラリ無しの7デモで、Babylon.jsが物理もGUIもPBRも内包する「統合型Web 3Dエンジン」であることを触って体感できるサイト。
Babylon.jsWebGLHavok物理PBR
公開中Exo Colony/ 2026
EXO COLONY（エクソ・コロニー）
異星コロニーを指揮するブラウザ製3D RTS。採取・建設・生産・研究・戦闘で6波の襲撃を凌ぎ夜明けを目指す。
RTSThree.jsローポリ3DA*経路探索
公開中Sky Raider/ 2026
SKY RAIDER（スカイ・レイダー）
Matter.jsで作った2D横スクロールSTG。隕石の落下・跳ね返りに物理演算を使い、3ステージとボス戦を収録。
Matter.js物理演算Canvas 2Dボス戦
公開中Kaden Review/ 2026
Yahoo!家電レビューまとめ
Yahoo!ショッピングの家電を、AIが特徴や評価のポイントで要約。満足度や比較軸から選びやすくする商品比較サイト。
AI要約商品比較Next.jsアフィリエイト
公開中
公開中D3.js Lab/ 2026
D3.jsラボ - データビジュアライゼーション実験室
D3.jsの表現力を、読むのではなく触って体感する展示室。力学グラフ・階層可視化・日本地図・時系列ブラシなど、全デモがライブパラメータ操作に対応。
D3.jsSVG/Canvas力学グラフ地図可視化
公開中Anime.js vs Motion Lab/ 2026
Anime.js vs Motion ラボ（アニメ2大ライブラリ比較）
同じお題をAnime.jsとMotionの2ライブラリで実装して並べる比較実験室。左右同時再生とコード比較で、書き味と動きの質感の差を検証します。
Anime.js v4Motion比較検証shiki
公開中Phaser 4 Lab/ 2026
Phaser 4ラボ（ゲームエンジンを部品で触る実験台）
ゲームエンジンPhaser 4の物理・タイルマップ・パーティクル・カメラ・入力を機能別デモで体験。画像アセットは一切使わず、全テクスチャをコード生成しています。
Phaser 4Arcade Physicsコード生成テクスチャCanvas/WebGL
公開中lab-geo/ 2026
lab-geo 地図実験室（日本のオープンデータを3Dで眺める）
人口・鉄道・地価の日本のオープンデータ(国土数値情報・e-Stat)を、MapLibre GL JSとdeck.glで3D可視化する地図実験室。
MapLibre GL JSdeck.glオープンデータ3D可視化
公開中lab-css/ 2026
lab-css（CSSだけで動くアート集）
JavaScriptゼロ縛りのCSS単体アート集。@propertyや:has()、コンテナクエリなどモダンCSS機能のリファレンス実装を兼ねた作品を、コードと対応ブラウザ情報つきで展示。
モダンCSS@property:has()JSゼロ
公開中Web API見本市/ 2026
Web API見本市（ブラウザ標準APIを1ページずつ体験）
ブラウザに標準搭載されたWeb APIを、対応判定・権限フロー・ライブデモ・コードの4ステップで体験できるカタログサイト。
Web SpeechWeb MIDIWeb Bluetooth対応判定
公開中実データチャートギャラリー/ 2026
実データチャートギャラリー（気象庁・e-Statを描き比べ）
気象庁とe-Stat(政府統計)の実データをChart.jsとApache EChartsで可視化したギャラリー。同一データを2つのライブラリで描き比べ、実装コードと出典も確認できます。
Chart.jsApache ECharts実データ描き比べ
公開中Wafu Typing/ 2026
和風タイピング（百人一首・ことわざ・四字熟語で腕試し）
百人一首・ことわざ・四字熟語を題材にした和風タイピングゲーム。し=si/shi、ちゃ=tya/cha等の複数ローマ字入力に完全対応し、段位検定・かるた式・3分腕試しで腕を磨けます。
タイピング百人一首ローマ字入力段位検定
公開中lab-rogue/ 2026
lab-rogue（ブラウザローグライク）
自前実装のダンジョン生成とFOVを持つ本格ローグライク。BSP／セルオートマトン生成、再帰シャドウキャスティング、Dijkstraマップ敵AIをすべてTypeScriptで手作りしたブラウザゲーム。
ローグライクダンジョン生成FOVパーマデス
公開中lab-td/ 2026
lab-td（迷路構築タワーディフェンス）
タワーで迷路を作り敵を迂回させる経路探索型タワーディフェンス。タワー5種×3レベル、敵6種、20ウェーブ＋エンドレスモードをブラウザだけで遊べます。
タワーディフェンスフローフィールド経路探索Canvas 2D
公開中lab-p2p/ 2026
lab-p2p（WebRTCサーバーレス対戦）
ブラウザ同士が直接つながるP2P対戦。エアホッケーと早押しゲームを、6桁のルームコードで即対戦できます。
WebRTCDataChannelサーバーレス対戦状態同期
公開中lab-picross/ 2026
lab-picross（ピクロス＆ナンプレ自動生成）
一意解保証の自動生成パズル。5×5〜20×20のピクロスと4段階難易度のナンプレを無限に遊べ、タイマー・自己ベスト・ヒント機能つき。
ピクロスナンプレ一意解保証自動生成
公開中Kamoshi Clicker/ 2026
醸クリッカー（発酵蔵の放置ゲーム）
麹を仕込み、蔵人や木桶で自動化して味噌・醤油・酒の蔵を育てる和風インクリメンタルゲーム。寝かせた分だけ熟成するオフライン進行つき。
放置ゲームインクリメンタルプレステージオフライン進行
公開中Morse Trainer/ 2026
モールス信号トレーナー（和文・欧文対応のCW練習）
和文・欧文モールス両対応のCW練習サイト。コッホ法の聴音レッスン、押下時間で自動判定する打鍵練習、テキスト相互変換、符号表を無料で使えます。
モールス信号コッホ法Web Audio和文・欧文
公開中Aozora Reader/ 2026
青空文庫 縦書きリーダー
青空文庫の名作を、本物の縦書き組版とページ送りで読む読書体験の実験サイト。注記記法パーサによるルビ・傍点表示、しおり・読了進捗・表示設定に対応。
青空文庫縦書き組版ルビ注記記法パーサ
公開中Quake Dashboard/ 2026
世界の地震ダッシュボード
USGSとP2P地震情報のオープンデータで、世界と日本の地震をリアルタイム可視化。震央マップ・時系列アニメーション・統計パネルを備えた実験ダッシュボード。
USGSP2P地震情報deck.gl時系列アニメーション
公開中Neural Playground/ 2026
ニューラルネット可視化プレイグラウンド
依存ライブラリなしの自前ニューラルネットが2次元分類を学習する様子を、決定境界と重みのライブ描画で観察できます。
ニューラルネット決定境界依存ゼロ実装可視化
公開中Matter × Tone/ 2026
触れる音の実験室（Matter.js×Tone.js）
2D物理演算Matter.jsと音合成Tone.jsを組み合わせた体験デモ。落ちるボールの衝突がそのまま音階になるマーブルマシンを自由に組み立て、URL1本で共有できます。
Matter.jsTone.jsマーブルマシンURL共有
公開中
公開中Browser AI Lab/ 2026
ブラウザ内AI実験室（transformers.jsデモ）
感情分析・画像分類・物体検出・背景除去・類似検索・音声認識。すべてブラウザ内で完結し、データは送信されません。
transformers.jsWebGPUオンデバイス推論Hugging Face
公開中Emotion Cards/ 2026
感情カード 〜乗り物〜
乗り物キャラの表情カードをタップすると「うれしい」「かなしい」など感情のことばを読み上げる、子ども向けの感情学習アプリ。全15枚収録。
知育感情教育読み上げ子ども向け
公開中Glockenspiel Cascade/ 2026
Glockenspiel Cascade(光の鉄琴カスケード)
発光する球体が、鍵盤のように並ぶ鉄琴の音板の階段を跳ねながら落ちていき、クラシックの名曲を奏でる。ピタゴラスイッチ風の光と音のデモ。
Three.jsWeb Audio APIWebGLクラシック音楽