Hocus Pocus

Describe the effect you are thinking of ✨

We will use this to generate step-by-step instructions

Break it down into simple steps 🧩

We will use this to generate code

Here is the effect in code!

Use this box to change specific parts of the code 🔧

Effect background color

wand_stars Play

save Save Effect

book_ribbon Spellbook

History

arrow_back

About

This is a tool to create and edit interactive and animated effects built in p5.js using AI. Animation effects are triggered by mouse or touch interactions. Effects are created in three steps. First, describe the idea behind the effect. Second, break it down into simple steps. Third, write the code based on the steps. This tool uses generative AI to help with this process, however, as with all AI, the results may not be exactly what you want. Work back and forth with the AI system, and edit the code directly to get closer to what you are looking for.

API Key

This application uses the GPT4.1 engine by OpenAI. Get an API key from here.