Skip to content

0800robin/10PrintAdventures

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

Adventures in 10 Print 👾

Welcome! 👋👋🏿👋🏽👋🏻👋🏾👋🏼

Adventures in 10 Print ↗️ is an interactive website enabling people of all technical abilities to play around a classic computer art algorithm and see what gets generated. It was created by Robin Hunter.

This Github repo contains the code which powers the website. You are free to download it, explore how it works & create 'remix' versions of it to your hearts content.

The rest of this overview is written for beginner programmers who want to learn more about how to explore the code behind this project & what other cool tech/art resources are out there.

How to run this code on your computer

  • Click the big green '⬇️ Code' button just above this writing.
  • Unzip the file on your computer.
  • Double click 'index.html' to run it on your computer.

How to explore the code

Open this folder up using a text editor, such as VS Code, to explore the commented code to start learning how it works.

art.js - The Javascript code which generates the canvas and shapes on the screen.

index.html - The HTML document the web browser presents to the user. This contains the control interface and pulls in the p5 library.

style.css - Some basic CSS which applies a layout and set of styles the whole page so it looks nice.

Creative Coding learning resources

If you enjoyed exploring the code for this project & want to dive into the big wide world of programming through art and media there are a wealth of communities and resources out there.

Processing: is a flexible software sketchbook and a language for learning how to code within the context of the visual arts.

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else. Adventures in 10 Print uses p5 to draw out shapes onto the screen.

The Coding Rainbow is an education creative coding YouTube channel from the one and only Daniel Shiffman. It is full of tutorials and series about how to make art and interactive systems using code.

10 PRINT CHR$(205.5+RND(1)); : GOTO 10

10 PRINT is a book which deep dives into the history of this humble algorithm and the impact it has has on the way we see computer programs. You can download the free PDF versions here - https://10print.org/

This book takes a single line of code—the extremely concise BASIC program for the Commodore 64 inscribed in the title—and uses it as a lens through which to consider the phenomenon of creative computing and the way computer programs exist in culture


Thank yous

Many thanks to Jack & Melissa at Chester Visual Arts for their support and to the sponsors for commissioning this work.

About

An algorithmic art playground & e-gallery commission for the V&A + Chester Visual Arts exploring the theme of 'Chance and Control'

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published