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)

• Syntax, Functions, (Sequence, Selection, Iteration)

• [p5.js Library](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](Using loops)

• Laying out shapes

• [Nested loops](Nested loops)

• Grid layout

• [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