This is a challenge to build your own fish tank on a website. We will be having virtual classes where you can watch an instructor breakdown the project, but you can do this challenge any way you want.
Do you want to make an ocean coral reef? What about a top-down koi pond? Maybe you have a tank for space fish. . .
The rest of this lesson will talk about one way to break down this challenge, but you should try lots of different ideas for how to make this.
In the first Live Stream class, we made a new project with one little ellipse fish in it.
index.jsfile with another
createCanvas()to add a canvas and
background()to make sure we can see it on the page
movemethod for the
fishobject and a
The setup(), draw(), background(), and ellipse() functions all come from p5, and you can get examples of how to use them from this page
You can always use RGB values and color picker, but there actually a ton of colors that you can just use by name, and this is the complete list
This lesson is a great example of how to create an object and draw it using its object properties, as well as making it change direction at the edges of the canvas.
Download this fish image, search for your own, or try drawing your own fish.