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
Nesta página do site você pode assistir ao vídeo on-line Creative Coding with AI Tutorial & Exploration duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário DersCodes 01 Janeiro 1970, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 71 vezes e gostou 5 espectadores. Boa visualização!
