--- tags: infos --- # Have you tried turning it off and on again? {%youtube nn2FB1P_Mn8 %} * https://support.hesge.ch/ * https://head.hesge.ch/infolab/ * https://wiki.hesge.ch ## AVI, BIN, C++, DMX, EPS, FFT, GNU, HMD, IBM, JPG, KML, LFO, MP3, NSA, OSC, PDF, QTZ, RGB, SDK, TCP, USB, VPN, WTF, XOD, YML, ZIP? {%youtube bRYWpquWqFY %} ## Behind the scenes ### Design & Ethnography #### Alpine Technosphere: Gabriel Abergel, Johan Pardo, *Interview with the Alps* {%vimeo 392232368 %} ![](https://i.imgur.com/lSIODBT.jpg) > *Field recording, RTL-SDR, gqrx, Cinema4D* ### Prototyping #### Vincent Belet, Tammara Leites, Jiajun Zheng, *The Reading Lantern* ![](http://mastermediadesign.ch/content/projects/1-play-me-a-story/generated/head_180620199373.jpg) > *3D printing, Electronics, Wifi, Microsoft Surface, Bitvoicer, Risograph printing* ### Creative coding #### Gabriel Abergel, *Fragment Sonore* ![](https://i.imgur.com/hBQRbKG.jpg) ![](https://i.imgur.com/AETuytA.jpg) > *Thermal printer, Arduino, p5.js, OpenCV JS, webcam, OSC* ### 3D & XR #### Catia Ferreira Barreiras, *Endless Dive* ![](https://i.imgur.com/RbcCoyL.jpg) ![](https://i.imgur.com/3JC3zpW.gif) {%vimeo 457571218 %} > *Blender, Unity* #### Félicien Goguey, Vytautas Jankauskas, *Heracle555* ![](https://felicien.io/wp-content/uploads/2014/04/heracle555.jpg) {%vimeo 91782369 %} > *Electronics, Unity* ### Live & Motion #### Yann Longchamp, *Expander* {%vimeo 326052507 %} {%vimeo 326052791 %} ![](https://i.imgur.com/RvpRauU.jpg) > *Microsoft Kinect, MAX/MSP, Ableton Live* ### AI & Machine learning #### Thinking Machines [Thinking Machines | distortions.](https://distortion.mastermediadesign.ch/Thinking%20Machines/) ![](https://i.imgur.com/jdoJknP.jpg) ![](https://i.imgur.com/k1ZIXl9.gif) > * GPT-2, P5.js, OpenCV JS, WebSocket, Paper.js, ML5js* #### Marta Revuelta, *AI Facial Profiling, Levels of Paranoia* ![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/7ec7225d40f6296e3abc99af891258dc/35369700-35e1-4140-aebc-c32b4ecee9e6_rw_1920.jpg?h=d2303dd2fd0cfabcdf06b37e7741e9e4) ![](https://i.imgur.com/wwdmU1b.jpg) > Python, ScrapeBox, VGGFaces Convolutional Neural Network, Image Classification Convolutional Neural Network, DMX, printer, Rapsberry Pi, camera, mechatronics. ## What should I get on my machine? ### Command line tools environment * Linux (to be updated) * macOS (to be updated) * Windows (to be updated) ### Code editor * VS code * SublimeText * Vim ## What should I look for? ### Creative coding tools and frameworks * Processing (java version) * p5.js * paper.js * three.js * openFrameworks * Pure Data * Max/MSP * TouchDesigner * Supercollider ### Creative coding resources and tutorials (to be updated) #### Courses * http://www.generative-gestaltung.de/2/ * https://natureofcode.com/ * https://www.youtube.com/c/TheCodingTrain/playlists #### Fun resources to try ##### p5.js editor Fun tools to try quickly p5.js with any installation. Cool for started with p5! * https://teddavis.org/p5live/ * https://editor.p5js.org/ #### Technologie show case ##### Processing / p5.js * https://www.openprocessing.org/ * http://www.generative-gestaltung.de/2/#sketches ##### Multiple * https://experiments.withgoogle.com/ * https://neort.io/ ##### Unity * https://unity.com/madewith ### 3D & XR tools * Unity * Vuforia * C4D * Blender ### Live & Motion * MadMapper * modul8 * Ableton Live ### Other * Git * github * gitlab ### Main languages used in MMD * Javascript [[Wikipedia]](https://en.wikipedia.org/wiki/JavaScript) [[RTFM]](https://developer.mozilla.org/en-US/docs/Web/JavaScript) * Python [[Wikipedia]](https://en.wikipedia.org/wiki/Python_(programming_language)) [[RTFM]](https://www.python.org/doc/) * Java [[Wikipedia]](https://en.wikipedia.org/wiki/Java_(programming_language)) [[RTFM]](https://docs.oracle.com/javase/7/docs/api/) * C# [[Wikipedia]](https://en.wikipedia.org/wiki/C_Sharp_(programming_language)) [[RTFM]](https://docs.microsoft.com/en-us/dotnet/csharp/) #### Communication protocols * TCP/IP [[TCP]](https://en.wikipedia.org/wiki/Transmission_Control_Protocol)[[IP]](https://en.wikipedia.org/wiki/Internet_Protocol) * WebSocket [[wikipedia]](https://en.wikipedia.org/wiki/WebSocket) [[web based resources]](https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API) * OSC [[wikipedia]](https://fr.wikipedia.org/wiki/Open_Sound_Control) * MIDI [[wikipedia]](https://en.wikipedia.org/wiki/MIDI) * DMX [[wikipedia]](https://en.wikipedia.org/wiki/DMX512) * Syphon [[website]](http://syphon.v002.info/) ### Commonly used hardware * Arduino ![](https://media.giphy.com/media/QmV0qTbokfmDK/source.gif) * open-source microcontroller * to control electronics, I/O with the "real world" * [website](https://www.arduino.cc/) * Raspberry Pi * Linux based micro-computer * standalone & interactive installations, connected objects * [website](https://www.raspberrypi.org/) * NVDIA Jetson ![](https://media.giphy.com/media/lj11uKKMhr4Os/giphy.gif) * AI computer for autonomous machines & embedded applications * [website](https://www.nvidia.com/en-gb/autonomous-machines/embedded-systems/) ## Cable Crash Course * Analog, digital or both? ![](https://i.imgur.com/gn8XwjC.jpg) * Bad cable management ![](https://i.redd.it/v07s05wy1yo11.jpg) ## Links [List of media design useful links](https://hackmd.io/@mmd/useful_links) for material, resources and place in Geneva