Home

1701ICT Creative Coding

Week 1

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

• [Workshop 3](Workshop 3)

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