Home

1701ICT Creative Coding

Week 1

[Course Plan](Course Plan)

• Assessments
• [A short history of procedural art](A short history of procedural art)
• Interaction

[p5.js Introduction](p5.js Introduction)

• [Getting Started with p5.js](Getting Started with p5.js)
• [Understanding p5.js](Understanding p5.js)
• [p5.js examples](p5.js examples)

[Workshop 1](Workshop 1)

Week 2

[Some Programming Concepts](Some Programming Concepts)

[p5.js Library](p5.js Library)

Co-ordinates

Shapes

Colour

Iteration

[Using loops](Using loops)

[Nested loops](Nested loops)

[Workshop 2](Workshop 2)

Week 3

[Simple Animation](Simple Animation)

Selection

[Mouse Interaction](Mouse Interaction)

Booleans

[Event handling](Event handling)

Week 4

Working with images, video, and sound

Making a simple game

Week 5

Accessing Data

Web Services

JSON

Data types

Working with strings

Week 6

blendMode()

Random numbers

Maths

while loops

Week 7

3D graphics

Transforms

Week 8

Writing your own functions

Parameters

Return values

Scope

Week 9

More complex animations

Interpolating values

Trajectories

Particle systems

Week 10

Integrating p5.js into a web page

Accessing web elements from p5.js

Working with JavaScript outside of p5.js