School of Computer Science & Electronic Engineering - Bangor University

Try, do, learn

Rainbows and Colours

Post author By Jonathan
Post date May 14, 2020
1 Comment on Rainbows and Colours
Sticky post

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

Tags background, colours, introduction, rainbows, roygbiv, spinner

Beginner Colours Processing Project Rainbow

String-art inspired rainbow graphics

Post author By Jonathan
Post date January 20, 2022
No Comments on String-art inspired rainbow graphics

Line art, showing lines of varying hue and semi transparent

Create line art in processing, based on a 500×500 grid. Explore transparency effects.

Tags colour, coloured lines, for loop, horizontal lines, line art, line-art, pattern, processing, project, project rainbow, rainbow, vertical lines

Beginner Colours Processing Project Rainbow

Create colour effect examples

Post author By Jonathan
Post date January 19, 2022
No Comments on Create colour effect examples

Blue and red coloured squares, after Josef Albers

Create coloured squares (after Johannes Itten) to be printed and cut out, and coloured rectangles (after Josef Albers)

Tags colour, critical thinking, critical thinking sheet, Johannes Itten, Josef Albers, plan, popMatrix(), processing.org, pushMatrix(), rgb, scale, sketch, transformation

Beginner Colours Data Processing Project Rainbow

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

Post author By Jonathan
Post date January 19, 2022
No Comments on Create colour blocks per value – introduction to mapping data to colours

Sketch of design for the blocks of value activity

Create blocks of data that represent values. Then map these blocks from a simple array.

Tags array, colour interval, colours, critical thinking sheet, data, hsb, hue, map values, mapping, PDF, print to PDF, processing.org, saturation, sketch, value

Beginner Colours History Project Rainbow

Learn about the relative nature of colour

Post author By Jonathan
Post date January 19, 2022
No Comments on Learn about the relative nature of colour

Ten colours to name

Critically think about colours; how they can be measured, the environment they are placed within and the emotions they bring.

Tags 12-part colour wheel, cold colours, colour, colour effect, colour interval, colour value, colour wheel, Goethe, hsb, hue, Johannes Itten, projectrainbow, saturation, warm colours

Beginner Colours Java Processing Project Rainbow

Create a coloured grid in Processing

Post author By Jonathan
Post date September 2, 2020
1 Comment on Create a coloured grid in Processing

Learn how to create a grid of coloured shapes, plotted in Processing.

Tags cell, colour, for-loop, grid, hsb, hue, index, jitter, random, saturation, value

Beginner Colours Processing Project Rainbow

Plot 40 rectangles and circles

Post author By Jonathan
Post date August 26, 2020
No Comments on Plot 40 rectangles and circles

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

Tags colour, critical thinking sheet, critical-thinking-sheet, ellipse, hsb, hue, java, projectrainbow, rectangles, refactor, refactoring, saturation, value

Colours Java Processing Project Rainbow

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

Post author By Jonathan
Post date July 14, 2020
No Comments on Create a spectrum of coloured squares in Processing (part 2)

Learn how to use the HSB model, and plot hundreds of coloured squares with different effects.

Tags brightness, colour, colour model, hsb, hue, processing, rectangles, saturation, squares

A-Frame Intermediate JavaScript Project Rainbow WebXR

Introduction to Web-based XR – Part II

Post author By Panos Ritsos
Post date July 14, 2020
No Comments on Introduction to Web-based XR – Part II

Using the VR scene from Part I create an Augmented Reality (AR) rainbow demonstration.

Tags a-frame, augmented reality, hiro, intermediate, javascript, marker, web, XR

Beginner Colours Java Processing Project Rainbow

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

Post author By Jonathan
Post date July 14, 2020
No Comments on Create a spectrum of coloured squares in Processing (part 1)

Create hundreds of coloured rectangles.

Tags colour model, colours, critical thinking sheet, hsb, part1, processing, rainbow, rectangles, spectrum, squares

Beginner Colours Project Rainbow

Learn Hue Saturation and Brightness (HSB) colour coding

Post author By Jonathan
Post date July 2, 2020
No Comments on Learn Hue Saturation and Brightness (HSB) colour coding

Learn about Hue, Saturation and Brightness colour model.

Tags brightness, colour, colour coding, colour picker, hsb, hue, projectrainbow, rgb, saturation, value

English (UK)