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
Sur cette page du site, vous pouvez voir la vidéo en ligne Creative Coding with AI Tutorial & Exploration durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur DersCodes 01 janvier 1970, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 71 fois et il a aimé 5 téléspectateurs. Bon visionnage!
