Creative Coding with AI Tutorial & Exploration
Building a Spirograph Voice Detection Generator using creative coding and AI tools. In this video, I walk through how I use Gemini and Claude to go from inspiration to interactive animation complete with slider controls and voice input mapping.
🔗 Sign up for Wispy (voice-to-letter app): https://wispy.co
🔗 Agency7 – AI Web Dev & Automation: https://agency7.ai
⏱️ Timestamps
00:00 Spirograph Voice Detection Generator
00:50 Creative Coding and P5JS
02:23 AI-Assisted Idea Generation
03:34 Recreating Animations with Gemini
04:39 Generating Developer Prompts with Claude
07:48 Mapping Voice Control to Parameters
09:02 Generated Sphere Animation Demo
10:07 Next Steps and Conclusion
Creative coding meets AI — using Gemini's live share to analyze animations, Claude to generate developer-ready prompts, and P5.js to bring it all together with voice-reactive controls. Part of an ongoing series exploring creative coding with AI assistance.
#CreativeCoding #P5JS #AI #VoiceControl #Spirograph #GenerativeArt
En esta página del sitio puede ver el video en línea Creative Coding with AI Tutorial & Exploration de Duración hora minuto segunda en buena calidad , que subió el usuario DersCodes 01 enero 1970, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 71 veces y le gustó 5 a los espectadores. Disfruta viendo!
