EXPLORATION NO.5

My prompt Create an interactive 4D tesseract visualization with a responsive design that fits seamlessly into a webpage. The visualization should feature a black background with white lines representing the edges of a tesseract (4D hypercube) and a red ball bouncing inside it. Include three sliders to control: 1) rotation speed of the tesseract, 2) overall size of the tesseract, and 3) velocity of the bouncing ball. The visualization should properly handle window resizing, maintain correct aspect ratio, and allow normal page scrolling. The tesseract should continuously rotate through all six 4D rotation planes while the ball collides with and bounces off the tesseract boundaries. Labels for the sliders should be left-aligned and positioned to the left of each slider.

Built with Sonnet 3.7

Tesseract Visualization
Rotation Speed
Tesseract Size
Ball Speed

This is an exploration into creative coding, powered by Sonnet 3.7, an AI developed by Anthropic. As a non-technical developer, I’m exploring the boundaries of this technology, drawing on my existing design knowledge from 3D modeling, parametric design, etc. Through natural language conversations, I translate my vision into code, collaborating with Grok 3 to create something new and interactive.

Previous
Previous

Exploration No 5 - Advanced Cloth Simulation

Next
Next

Exploration No 7 - Organic Strands