Activities

Rainbows and Colours
Understand rainbows, why we typically think it has 7 colours, and make a colour spinner.

Learn RGB colour coding
Values of Red, Green and Blue colours are used to code colours on a computer. Learn how to create different colours from RGB values.

Pint Glass Beam Bending
Have fun with a laser pointer.

Create a rainbow in Photoshop and add it to an image.

Setup the coding environment
The computer programming language “Processing”, is a great way to start coding. This post starts you off with Processing.

Make a quick sketch before you code
This lesson guides you through five steps to make a plan for your coding.

Create a rainbow in “Processing” code, based on our sketch of the scene.

Learn about the Hue, Saturation and Brightness colour model (HSB).

Create a spectrum of coloured squares in Processing (part 1)

Create a spectrum of coloured squares in Processing, (part 2) and adapt their appearance.

Create 40 coloured rectangles, use a for-loop, the critical thinking sheet, and do some code refactoring.

Create a coloured grid in Processing

Learn about the relative nature of colour

Create colour blocks per value – introduction to mapping data to colours

Create colour effect examples. Exercises from Johannes Itten and Josef Albers.

String-art inspired rainbow graphics. Draw several lines of different hues, and change explore different transparency effects

In part I, learn how to use A-Frame and WebXR to create a Virtual Reality Rainbow.

In part II now learn how to extend the virtual rainbow from part 1, to create an Augmented Reality demonstration.

Explore D3 JavaScript programming to Sing a rainbow in D3, JavaScript

Learn how to create a rainbow in pure CSS