Introduction

These sections use a coding language called p5.js which is a JavaScript library designed for creatives to use. It is a graphics package which makes learning to code fun and interactive. This website is here to help anyone who is interested in coding. It is aimed at those who are either completely new to coding or want to learn something new. The basic course covers foundational aspects of coding in an engaging and interactive way. You will see the results of your coding instantly and graphically. This is also a foundation if you want to go on and learn other coding languages like python or C++.

Basics Part 1 Creating Shapes & Movement

In part 1 this is where you start your coding journey one small step at a time. You begin with drawing some regular shapes and text. Once you have mastered creating and colouring the shapes then you can bring them to life and make them move. This section also shows you how can interact with the canvas using your mouse.

There are three downloadable units:

Unit #1: Shapes

Unit #2: Movement

Unit #3: Mouse

Example from the book

Download Unit #1 pdf
Download Unit #2 pdf
Download Unit #3 pdf

Basics Part 2 Oscillations, Arrays & 3D Shapes

In part 2 you will cover a range of topics including arrays and oscillations. The use of arrays is a fundamental aspect of coding. They are a way of storing data than can be easily accessed and manipulated. Also in book 2 you will cover 3D shapes which allows you create in a 3D environment. 

There are four downloadable units:

Unit #4: translate

Unit #5: arrays

Unit #6: oscillate

Unit #7: 3D shapes

Example from the book

Download Unit #4 pdf
Download Unit #5 pdf
Download Unit #6 pdf
Download Unit #7 pdf

Basics Part 3 Noise, Classes & Vectors

Part 3 introduces you to a type of random element called perlin noise. This is a smoother and more realistic form of randomness. The is an important ingredient in coding that goes by the name of Object Orientated Programming (OOP for short). It makes use of classes which is a powerful way of coding that many coding languages incorporate. The final part of book 3 covers vectors.

There are three downloadable units:

Unit #8 noise

Unit #9: classes

Unit #10: vectors

Example from the book

Download Unit #8 pdf
Download Unit #9 pdf
Download Unit #10 pdf

Basics Part 4 Keyboard, Mouse & HTML

Part 4 covers a topic broadly called DOM elements that you might use in a website involving CSS, HTML and JavaScript. This section also covers more functionality available for the keyboard and the mouse. A brief look at how you can incorporate the time and date, and using the millis() function to measure the passage of time. 

There are three downloadable units:

Unit #11: keyboard

Unit #12: time

Unit #13: HTML

Example from the book

Download Unit #11 pdf
Download Unit #12 pdf
Download Unit #13 pdf

Donations

If you found any of this material useful a donation would be appreciated, thank you

Other coding topics…

Over the next few weeks I will be adding topics to further your interest and experience, the more you practice the better you become, a bit like learning to play an instrument or learn a language or any skill for that matter. So the topic areas are likely to be… just click on the titles (when they are available)

Additional bits and bobs

Making Games

Physics Simulation

Artificial Intelligence

Robotics

More to come shortly…