Coder Social home page Coder Social logo

0800robin / 10printadventures Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 1.0 7 KB

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

License: MIT License

JavaScript 55.08% HTML 24.63% CSS 20.29%

10printadventures's Introduction

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.

10printadventures's People

Contributors

0800robin avatar

Stargazers

 avatar Harry Gallagher avatar  avatar  avatar pietschj avatar

Watchers

 avatar

Forkers

hamad-gamal

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.