Beginner Incantations: P5.js Dynamic Art Collage
Create an interactive dynamic art collage using P5.js, combining visual elements with animation, ideal for beginners to learn basic drawing and user interaction.
Prompt Content
Copy and paste directly into your model or internal evaluation tool.
Use P5.js to create a dynamic art collage. Draw multiple shapes (e.g., circles, rectangles, lines) and control their movement, color changes, or rotation through mouse interaction. Implement basic animations using P5.js drawing functions and event listeners. Refer to official resources: https://p5js.org/reference/ and https://p5js.org/examples/. Use the live web editor at https://editor.p5js.org/ to preview your code. Press the N hotkey to auto-deploy, or use ND to manually deploy on https://app.netlify.com/drop.
Use Cases
Reference Output
A live canvas in the browser containing multiple graphical elements that respond to user mouse actions, such as: circles following mouse drag, background color changing on click, shapes rotating on hover, etc.
Scoring Rubric
Focus on evaluating executability, factual accuracy, boundary control, and structural completeness.
Try & save
Fill variables and copy, or save as a personal template.
This template has no variables and is ready to copy.
User Rating
0 ratingsYour rating
Log in to rate
Comments
0Log in to comment
Related Prompts
MQL5 Flexible Trade Management Pro
Design a powerful MQL5 code for flexible trade management on the chart, capturing profits and eliminating losing trades with precise calculations to protect the account.
Surprise Point-and-Click Game Generator
Ask the model to design or implement a point-and-click game based on AI choices and make the result surprising.
Building an AI to Beat Pro Players in Yu-Gi-Oh
Building an AI that learns a specific deck in Yu-Gi-Oh Master Duel and beats pro players using ygo agent and Kaggle Notebooks.
Build ESP32 UI Library
Design and implement an efficient UI library for the ESP32 microcontroller, including graphics rendering and user interaction.