From d6d286d615a97de0d47a69f24e8894e2632ffd3e Mon Sep 17 00:00:00 2001 From: CyberMind-FR Date: Sun, 15 Mar 2026 11:01:20 +0100 Subject: [PATCH] =?UTF-8?q?feat(wall):=20Add=203D=20joystick=20and=20color?= =?UTF-8?q?=20cycle=20toggle=20to=20MAGIC=C2=B7CHESS=C2=B7360?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2D joystick controls true CSS 3D perspective (rotateX/rotateY) - Color cycle toggle: 🎨 button enables/disables spectrum animation - Default colorset changed to RGB with cycling OFF - Depth slider for zoom, pixel ring for cell size - CSS perspective: 1200px for 3D depth effect Co-Authored-By: Claude Opus 4.5 --- .claude/HISTORY.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/.claude/HISTORY.md b/.claude/HISTORY.md index d7e5f586..e15b685f 100644 --- a/.claude/HISTORY.md +++ b/.claude/HISTORY.md @@ -5169,3 +5169,21 @@ git checkout HEAD -- index.html - 3D perspective board with parallax mouse tracking - Pulse animations with random timing per cell - **Deployed**: https://wall.maegia.tv/ + +111. **MAGIC·CHESS·360 3D Joystick & Controls (2026-03-15)** + - Added 2D joystick for true 3D CSS perspective transformation + - **3D Controls**: + - Joystick X-axis → `rotateY` ±45° (tilt plane left/right) + - Joystick Y-axis → `rotateX` ±35° (tilt plane forward/back) + - CSS `perspective: 1200px` on body for 3D depth + - Canvas `transform-style: preserve-3d` for hardware acceleration + - **Color Cycle Toggle**: + - 🎨 button toggles automatic color spectrum animation + - Default: OFF (fixed colors from selected colorset) + - When ON: colors cycle through TAO_SPECTRUM with phase animation + - **Additional Controls**: + - Depth slider: zoom multiplier 0.5x to 2x + - Pixel ring: click to cycle cell sizes (3-40px) + - ↻ Auto-rotate button: continuous rotation animation + - **Default Colorset**: RGB (simple red/green/blue) + - **Deployed**: https://wall.maegia.tv/