Rebuild the House in p5.js
- Open the template project:
p5 Starter File - Fork the project:
Click „Fork“ in the top left corner and select „Fork to my Projects“ to create your own copy. - Rename the project:
Change the project name to „02_SUE_Haus“. - Rebuild the house image:
Edit thefunction setup()
to recreate the house using p5.js commands.- Use
p.triangle()
for all triangles in the design (e.g., roof). - Use other shape functions (
rect()
,ellipse()
,line()
) as needed. - Pay attention to position, size, and colors to match the example image (
house.png
).
- Use
- Document your steps:
Add clear comments in your code explaining what each part does.
Here is my result: