All resources - OhJia/Coding4Creatives-S17-2 GitHub Wiki
I will be adding to this list throughout the class. Let me know if you'd like to add to this.
Creative tech examples
Sites
- Bees & Bombs gifs/animations made mostly with code
- Eyeo Festival Creative tech conference
- Webby Awards
- The Creators Project
- Creative Applications
- r/CreativeCoding
- Chrome Experiments
Projects
- 3D graffiti sculptures by Evan Roth
- Shaved Bieber browser extension by Greg Leuch
- MoMA Talk to Me exhibition
- Free Art & Technology lab
- MIT Media Lab generative identity
- Electric Objects smart frame and artist community
- Snoopi the Data Sniffing Dog
- Wayback WiFi
- Racer game in chrome browser
- Generative typography by Kyuha Shim
- JS font and other student projects (WIP) by Eve Weinberg
- Generative audio: web audio synth, and web audio synth 2 (keyboard)
- Interactive web page (scroll down, find the little blue guy to see the interactions. Also good read about backend coding for when you have a lot of time): Bloomberg What is code by Paul Ford
- Other Webby 2016 winners
- Post the Met by Tega Brain
- Anxiety box by Paul Ford
- Not browser based: Lexus trace your road by FakeLove, and Paint with your feet for Nike by YesYesNo
Mobile/Sensors
- A list of sensors in the iPhone. These can all be used for creative applications. Ex: The accelerator can be used to track movement of the user when carrying their phone, more specifically activity sensing (jogging, walking, etc)
- Chat bots: how brands use bots inside messaging apps: http://adage.com/article/digital/brands-facebook-messenger-chat-bots/302057/
- NFC/iBeacon: Amazon grocery store that allow users to tap phone and go
- Create cool physical experiences with iBeacon using Estimote.
- Other GPS based mobile games besides Pokemon Go: https://www.digitaltrends.com/gaming/best-location-based-gps-games/
Virtual Reality/Augmented Reality
- How does VR work: https://www.youtube.com/watch?v=HBNH8tzsfVM
- Best VR at Sundance 0217: https://www.theverge.com/2017/1/26/14396976/best-vr-sundance-film-festival-2017
- Chris Milk's VR app: https://with.in/
- Google VR examples/sample code for Cardboard: https://vr.chromeexperiments.com/
- WSJ's VR NASDAQ rollercoaster: http://graphics.wsj.com/3d-nasdaq/
- Tilt Brush: https://www.tiltbrush.com/
- how does AR work: http://computer.howstuffworks.com/augmented-reality.htm
- Mobile AR (Pokemon Go): http://www.pokemongo.com/
- Hololens: https://www.microsoft.com/en-us/hololens
**Physical Computing/Wearables **
Technical Resources
HTML/CSS
- Khan Academy
- HTML Elements Reference (simple, w3schools)
- HTML Element Reference (detailed, Mozilla)
- HTML Cheat Sheet
- CSS Cheat Sheet
- CSSReference.io
- Bootstrap CSS
- Bootstrap CSS example code
JavaScript
- Eloquent JavaScript
- Codepen Code snippets for front-end inspiration
JavaScript: p5.js p5.js examples we went over in class are in the class repo.
- What is p5.js (videos)
- p5.js references
- p5.js getting started
- p5.js set up example code
- p5.js mobile examples (examples I showed in class in week 4)
- Nature of code examples
- Nature of code book
Readings/videos
Interactive agencies
A few agencies that are doing interesting work