Type in “Can you create a piece of digital artwork using p5.js please?” in the AI tool
(p5.js is just a library. There's various different libraries as I've asked later just here. There's p5.js, processing, 3.js, d3.js, paper.js, et cetera, et cetera. All I've done is I've said, can you create a piece of digital artwork using p5.js please?)
Copy. And I've actually pasted that in there, and then I hit publish page, right? Now, once that says successfully saved to production, this is what I have. This disgusting piece of artwork here. You guys can surely do better.
But don't just stop there. Then I've asked Slater “Can you make the canvas size 100 viewport width and 100 viewport height?”
Copy this, delete previous code, paste in new code, and save to production, refresh. We now have a canvas size that is 100 viewport width, but we still got those disgusting rectangle and circle.
Now, can you change the artwork to have 50 bouncing balls in it instead of a circle and a rectangle please? And it's just generated this code for me so let's try this now. Publish page, save to production. And it's there.
We have a page full of bouncing balls, 50 bouncing balls. Now, obviously, you guys can do way more interesting things than just this. Look how quickly I've generated this bit of artwork. Explore. Work out what you can make. Push Slater to the boundaries of its limits and make something awesome in Webflow.
Share your artwork on Twitter using the #slaterchallenge
You must be following Slater on Twitter
Artwork must be shared before Friday!
Then we're gonna have a public vote to see who the real champion is. Go make something interesting and explore the app.
Go people and make the craziest artwork the online space has ever seen!