WeTeach_CS Summit 2017

Austin, Texas -- June 5-7, 2017

Presentation by Karen North and Pamela Ossorio

Coding in the Arts: Steam CS lessons

 

Prerequisite: experience with www.bootstrapworld.org curriculum and www.wescheme.org programming environment or suggested tutorial: http://www.bootstrapworld.org/materials/fall2015/HourOfCode/

Full Mondrian Art lesson Geometry Decoded Coding - Karen North

 

Mondrian Art Drawing with Code activities

Examples Click image to see project details and links to live code

Excel file

Mondrian_ex1

 

Drawn ex1 Click here to download file with 400 x 400 pixel grid and code to draw a canvas (square) and 1 rectangle

Mondrian_ex2

 

Drawn ex2  

Mondrian_ex3

 

Drawn ex3 Click here to download file with 400 x 400 pixel grid that has cell shading and rectangle shapes for black lines

Now it is your turn to draw your own rendition of mondrian like art!

Plan your art:

Design recipe for coding:

Design Recipe1

Description

Draw a rectangle of a given width and height in pixels

Contract/Purpose statement

Function name

Domain

Range

rectangle

number number string string

image

Examples

Example 1

(rectangle 400 400 "solid" "White")

Example 2

(rectangle 100 250 "outline" "blue")

Definition

rectangle  (width height style color)


Design Recipe 2

Description

Place rectangle at a specific location on canvas

Contract/Purpose statement

Function name

Domain

Range

put-image

rectangle

image

Examples

Example 1

(put-image (rectangle) 200 360)

Example 2

(put-image (rectangle) 150 350)

Definition

(put-image (rectangle width height style color) x y)

 

Actual wescheme coding syntax:

(define Mond-example (put-image ( ...) x y
(put-image ( ...) x y
(put-image ( ...) x y
...blank))))

add ")" for each additional put-image command added

 

Original Presentation at Houston Art Partners Conference, September 11th and 12th, 2015

Complete Mondrian Art Lesson

Middle School activities

Geometry Decoded Coding - Karen North

WeScheme-HAP-Conference.html - Pamela Ossorio

 

 

 

Links to resources

IDE

http://www.wescheme.org/

Bootstrap logo

Curriculum Resources

http://www.bootstrapworld.org/