DESIGN by CODE

House

Hi there!  A simple house scene built from basic shapes — sky, grass, walls, a roof, a door and window all ready for you to make your own changes to it.

For ideas to try look for the ▶ icon or the highlighted '//try' sections.  For example you can:

Change the height of the roof.
Change the colour of the windows.

or anything else that you so choose! 

Simply make the change to the code and press Run. 

Want to go back to the original code? Easy, just press Reset.

Thanks to the p5.js community for the p5.js library (p5js.org) that runs the sketch in this editor.  Note: The code in this editor is provided 'as is' for educational use only.

Other designs to try

Learn more on YouTube

Why adding comments to code is helpful 

Video thumbnail

Learn more about the canvas & coordinates

Video thumbnail

Newsletter - Latest from Design by Code

Join the newsletter

Creating designs with code

Receive the latest designs and exclusive resources direct to your inbox.

We respect your privacy. Unsubscribe at any time.