GawaTech LogoGawaTech Play

🎮 Web実験室

面白いWebテクノロジーの実験場。インタラクティブな体験、視覚的エフェクト、そして遊び心のあるアイデアを試していく場所です。

CSS Art Gallery
Live

純粋なCSS/HTMLで作るアート作品集。アニメーション、グラデーション、3D変形を駆使した視覚的実験。

CSS3
Animation
Art
Interactive Code
Live

リアルタイムコードエディター、アルゴリズムの可視化、データ構造のインタラクティブ学習ツール。

JavaScript
Algorithm
Education
WebGL Experiments
Live

Three.js、シェーダー、パーティクルシステムを使った3Dグラフィックス実験とインタラクティブ体験。

WebGL
3D
Particles
3D Tiles Viewer
Live

3D Tilesストリーミングとスクロール連動カメラアニメーション。自作ライブラリのデモ。

3D Tiles
Three.js
Scroll
Story Controls Lab
New

NASA AMMOS の 3d-tiles-renderer でローカル 3D Tiles を読み込み、three-story-controls でカメラをスクロール連動させるページです。

3D Tiles
Scroll
Storytelling
Data Viz Playground
Live

インタラクティブなデータ可視化、リアルタイムチャート、創造的なデータストーリーテリング。

Charts
Data
Visualization
Mini Games
Live

ブラウザで動くミニゲーム集。パズル、アクション、シミュレーションなどWebテクノロジーの可能性を探る。

Games
Canvas
Interactive
Creative Tools
Live

お絵描きツール、音楽シーケンサー、テキストジェネレーターなど創造性を刺激するWebアプリ。

Canvas
Audio
Creative
Retro BASIC
Live

ブラウザで動くレトロPC体験。BASICインタプリタでコードを打ち込んで、懐かしのプログラミングを楽しもう。

BASIC
Retro PC
Terminal
Retro PC 3D
Live

Three.jsで描かれた3DレトロPC筐体の中でFreeDOSが実際に動く。角度を変えて眺めてキーボードも打てる。

Three.js
x86
FreeDOS

アイデアを募集中！

「こんな実験をやってみて欲しい」「このテクノロジーを試してみて」といったリクエストがあれば、 ぜひお気軽にお声がけください。一緒に面白いWebの世界を探検しましょう！