Categories
Beginner Colours Project Rainbow

Add a rainbow to an image with Photoshop

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

Categories
Beginner Colours Java Processing Project Rainbow

Create a rainbow in code

In this activity you will create a rainbow in code using software sketchbook and a language “Processing”.

Categories
A-Frame Intermediate JavaScript Project Rainbow WebXR

Introduction to Web-based XR – Part I

One of the easiest ways to create an enjoy Virtual Reality (VR) experiences is on the Web. And the most popular and versatile way to built VR experiences for the Web is to use A-Frame and WebXR. We will look into how we can built a basic VR scene, that you can experience via your […]

Categories
Beginner Colours Java Processing Project Rainbow

Make a quick sketch before you code

Think about your program before you code. This post goes through the five steps of the Critical Thinking Sheet.

Categories
Advanced Animation Colours CSS Project Rainbow

Pure CSS Rainbows

Creating animated rainbows using only HTML and CSS.

Categories
Beginner Optics Project Rainbow

Pint Glass Beam Bending

Have you ever wondered how the light from a Laser pointer gets from your finger to a dot on the wall?The light is invisible right? Just because you can’t see it, doesn’t mean it isn’t there… This activity will give you the opportunity to make ‘invisible’ laser light ‘visible’, and also show you how to […]

Categories
Beginner Colours Java Processing Project Rainbow

Set up the coding environment

This post starts you off with Processing. Download, run and draw some coloured lines. The computer programming language Processing, is a great way to start coding. You get a quick visual result from a few lines of code.

Categories
Beginner Colours Project Rainbow

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.

Categories
Beginner Colours Project Rainbow

Rainbows and Colours

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

Categories
Advanced Animation D3.js Data JavaScript Project Rainbow

Sing A Rainbow with D3.js

Red and yellow and pink and greenPurple and orange and blueI can sing a rainbowSing a rainbowSing a rainbow too. “I Can Sing a Rainbow” – Arthur Hamilton 1955 Play Again! This animation uses d3.js and a small amount of data. The idea is to mirror the lines of the song. First a set of […]