Home

1701ICT Creative Coding

Week 1

• Course Plan

• Assessments

• A short history of procedural art

• Interaction

• p5.js Introduction

• Getting Started with p5.js

• Understanding p5.js

• p5.js examples

• Workshop 1

Week 2

• Some Programming Concepts - Syntax, Functions, (Sequence, Selection, Iteration)

• p5.js Library - Drawing shapes

• Co-ordinates

• Shapes - Rectangle, Line, Triangle, Point, Arc

• Colour - Colour modes, fill colour, stroke colour, alpha

• Iteration - For loop, variables, initialisation, comparison, increment

• Using loops - Laying out shapes

• Nested loops - Grid layout

• Workshop 2

Week 3

• Simple Animation

• Selection

• Mouse Interaction

• Booleans

• Event handling

• Workshop 3

Week 4

• Working with images

• Making a simple game

• Workshop 4

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