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
На этой странице сайта вы можете посмотреть видео онлайн Creative Coding with AI Tutorial & Exploration длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь DersCodes 01 Январь 1970, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 71 раз и оно понравилось 5 зрителям. Приятного просмотра!
