https://github.com/dharfr/the-way-we-move

Let's play with canvas drawing and WebAudio API, see if something interesting might appear. A first attempt to "Code like no one's watching".
https://github.com/dharfr/the-way-we-move

canvas code-like-no-one-s-watching creative-coding generative-art

Last synced: 5 days ago
JSON representation

Let's play with canvas drawing and WebAudio API, see if something interesting might appear. A first attempt to "Code like no one's watching".

• Host: GitHub
• URL: https://github.com/dharfr/the-way-we-move
• Owner: dharFr
• License: mit
• Created: 2016-05-20T21:16:26.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-07-30T15:25:11.000Z (over 1 year ago)
• Last Synced: 2024-04-08T16:58:44.015Z (7 months ago)
• Topics: canvas, code-like-no-one-s-watching, creative-coding, generative-art
• Language: JavaScript
• Homepage: https://olivier.audard.net/the-way-we-move/
• Size: 781 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## The Way We Move

Let's play with canvas drawing and WebAudio API, see if something interesting might appear.

A first attempt to _Code like no one's watching_.

### What is this?

The starting idea was the produce a _drawing_ that _move_/_evolve_ according its spectator's environment.

Something like a painting that lives with the person looking at it.

For now, it's still a simple experiment with HTML5 [Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API) and the [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API).

I'm thinking about using more inputs in the future, such as the gyroscope, camera, geolocation, etc.

### Live demo

You can give it a try at https://olivier.audard.net/the-way-we-move/

### How does it look?

Here is a screenshot but you'd better click the link above the enjoy the _real_ experience :metal:

![The Way We Move — ](screenshots/twwm2.png?raw=true "Project's Screenshot")

### A few links

 - [Generative Art with Node.js and Canvas](https://mattdesl.svbtle.com/generative-art-with-nodejs-and-canvas) was a huge source of inspiration. Especially the sections about *Color Palettes* and *Color Contrast*

 - [ColourLovers.com API](http://www.colourlovers.com/api) : As mentionned in the blog post linked above, the colors palettes used the COLOURlovers community. Kudos!

### What about the name?

It's named after _The way we move_, a song and album by Langhorne Slim that I'm totally fond of at the moment.