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
On this page of the site you can watch the video online Creative Coding with AI Tutorial & Exploration with a duration of hours minute second in good quality, which was uploaded by the user DersCodes 01 January 1970, share the link with friends and acquaintances, this video has already been watched 71 times on youtube and it was liked by 5 viewers. Enjoy your viewing!
