Creative Coding Tertulia

# Creative Coding Tertulia The Creative Code Tertulia is an open conversación between artists, makers, designers, coders, performers, learners and anyone interested in the use of computing skills for artistic expression. The event is free and open to all, regardless of age, raíz, sexo or experience. Beginners and first-timers should feel especially welcome! You don't have to be a coder yourself! **WHAT SHOULD I EXPECT?** There is a time por gente to present something if they want to, followed by informal discussions. Every topic is feria juego, from net art to computational design and interactive installations all the way to wearable electronics and generative literature... It's a whole evening packed with fun, inspiración and human connection. Anybody can contribute with their comment and maybe show a project they’re working on. We're looking forward to meet you all! Nota that this event is NOT just for coders! If you like art and/or technology, you will certainly enjoy yourself, and perhaps even learn something! MEETUP: https://www.meetup.com/de-DE/Creative-Coding-Barcelona social media: `#creativeCodingBCN` ## Miercoles 18.05 2022, Tertulia #18 AI art :::success **:star2:LINK TO THIS DOCUMENT:star2: https://hackmd.io/@ccbcn/tertulia** FOR ANYONE TO EDIT :+1: ::: :::info **WIFI: HANGAR_convidats** **PASSWORD: convidatsHANGAR** ::: **Announcements/Events:** - Live coding event @HANGAR 8-9-10 July - Live coding from scratch Jam @HANGAR Jueves 19 Mayo (ultimo Jueves de cada mes) - Sala Beckett Maquina persona - [Symposium de arte electronico ISEA ](http://www.isea-web.org/) Add **AI art** links here: - [DeepArt generator](https://deepart.io/) - [Dale: text to image generator](https://twitter.com/hashtag/Dalle?src=hashtag_click) - [Text2Pixel online](https://pixray.gob.io/text2pixel/) - [Art-AI festival](https://twitter.com/ArtAIFestival) - [Magenta](https://magenta.tensorflow.org/) - [ArtBreeder](https://www.artbreeder.com/) - [Experimentos de I.A. de google](https://experiments.withgoogle.com/collection/ai) - [Servicio de style transfer](https://www.instapainting.com) - [Google Autodraw](https://www.autodraw.com/) - [Google NSynth Super](https://nsynthsuper.withgoogle.com/) - Google Collab: python notebooks de google para probar cosas - [AI music festival BCN](https://aimusicfestival.eu/) - [Holly+ by Holly Herndon](https://holly.plus/) - [FreddieMeter](https://freddiemeter.withyoutube.com/) - [Wekinator](http://www.wekinator.org/) - [Elecronic Chaos Oracle](https://diskordier.net/ECO/index.html) - [My heritage](https://www.myheritage.com/deep-nostalgia) Themes: - Blockchain - AI music - Obsolete/Alternative approaches to software (from the past) - Project Xanadu - Temple OS - Alternative internet - Fediverse (mastodon, ...) federated social networks - Generative design - History (pioneering artists) - Different algorithms - Current artists in the space - Platforms We will vote somehow - Telegram poll - Doodle - Whatever... ## Tuesday 11.02 2020, Tertulia #17 WEB AUDIO :::success **:star2:LINK TO THIS DOCUMENT:star2: https://hackmd.io/@ccbcn/tertulia** FOR ANYONE TO EDIT :+1: ::: :::info **PASSWORD: @Welcome@** ::: **Announcements/Events:** - [LLum - light festival](https://www.barcelona.cat/llumbcn/ca/) - [Live coding festival](https://toplapbarcelona.hangar.org/) - [Poetic AI Exhibition](https://idealbarcelona.com/es/agenda/) Add **WEB AUDIO** links here: #### Web Audio API projects - [Patatap](https://patatap.com/) - [Source https://github.com/jonobr1/Neuronal-Synchrony] - [MIDI Drums](http://webaudiodemos.appspot.com/MIDIDrums/index.html) - [Source https://github.com/cwilso/MIDIDrums] - [Web theremin](https://stuartmemo.com/electro-theremin/) - [Pitch detect](http://webaudiodemos.appspot.com/pitchdetect/) - [Source https://github.com/cwilso/PitchDetect] - [Voice-change-O-matic](https://mdn.github.io/voice-change-o-matic/) - [Source https://github.com/mdn/voice-change-o-matic] - [Webcam sequencer](https://jeonghopark.github.io/scanseqjs/) - [Source https://github.com/jeonghopark/scanseqjs] - [Interactive articulatory speech synthesis](https://dood.al/pinktrombone/) works best on multitouch displays - [Audio visuals live codding editor](https://gibber.cc/) - [Source https://github.com/gibber-cc/gibber] #### Try it yourself! 1. Open your browser console (Right click > Inspect element) 2. Create audio context `audioCtx = new AudioContext;` 3. Create oscillator `oscillator = audioCtx.createOscillator();` 4. Start oscillator `oscillator.start(0);` 5. Connect oscillator to audio destination `oscillator.connect(audioCtx.destination);` #### Web Audio API resources - [JavaScript is the new Punk-rock](https://www.youtube.com/watch?v=PN8Eg1K9xjE) - [FREE Web Audio API book](https://webaudioapi.com/book/) - https://github.com/borismus/webaudioapi.com - http://webaudioapi.com/samples/ - [Web Audio Playground](http://webaudioplayground.appspot.com/) - [Source https://github.com/cwilso/WebAudio] - [Lots of examples to re-use](https://www.keithmcmillen.com/blog/making-music-in-the-browser-web-audio-api-part-1/) - [Additive synthesis](http://teropa.info/blog/2016/09/20/additive-synthesis.html) - [Managing time events](https://mdn.github.io/webaudio-examples/audio-param/) - [Mozilla MDN Web Audio API docs](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) - [Source https://github.com/mdn/webaudio-examples] - [Ableton site to learn about synth, based Web Audio API](https://learningsynths.ableton.com/) - [Web Audio API stuff on Github](https://github.com/topics/webaudio-api) - [Web Audio API stuff on Codepen](https://codepen.io/collection/DYyPWJ/) - [Web Audio weekly](https://www.webaudioweekly.com/) #### Presentations: **Luis** - https://lcrespom.github.io/live-coding/ Visual modular syntesizer and live coding environment - [Source https://github.com/lcrespom/Modulator] **Ramin** Flocksounds 2013 in Processing [youtube demo](https://www.youtube.com/watch?v=uPDy2rmWhmk) [rebuild in p5.js](https://diskordier.net/flocksounds/) potential themes for next meetup: - 1. AI art (10) - 2. three.js (1) - 3. procedural generation to the max (1) - 4. unique generation of variables (hashing) (2) - 5. shaders (1) ## Tuesday 22.October 2019, Tertulia #16 Ramin https://criticalengineering.org/projects/deep-sweep/ https://tosdr.org/#search= https://tosdr.org/ tsunami democratic app https://github.com/s3rrallonga/s3rrallonga.github.io https://play.google.com/store/apps/details?id=com.opengarden.firechat&hl=es **sob tec** http://sobtec.cat/ https://internetfreedomfestival.org/ http://paquetedecuba.com/ https://en.wikipedia.org/wiki/IP_over_Avian_Carriers **Javi** Masterclass 3d graphics, game engine development - likes to do things from scratch [tamats.com](http://tamats.com/) [webGLStudio.js](https://webglstudio.org/) - its like Unity, for the web! features: - light gradient proprocessing - animations - graphs and scripts - face meshes - components - Paper: [**Real-time face retargeting and a face rig on the web**](https://webglstudio.org/papers/ICGI2019/) [](https://webglstudio.org/papers/ICGI2019/) Another editor: https://playcanvas.com/ Graph based editor: https://github.com/jagenjo/litegraph.js ******Announcements:** https://www.theinfluencers.org/ CCCB, this weekend, free $€$€$!! Every 2 weeks: https://www.meetup.com/de-DE/Hardware-Hack-Lab-BCN/ **next weekend:** https://www.eventbrite.es/e/entradas-non-human-party-project-77890278921 ## Thursday 26.September 2019, Tertulia #14 @MOB **Julien** https://www.thingiverse.com/shivinteger/about **Angelos streklas** https://ulysses628.wixsite.com/angelos/selected-work **Daniel** https://rruido.es/elrestoessilencio/ **Ramon** https://www.raylib.com **Monica** **Announcements** This week http://younggalleryweekend.com/es/ This weekend: http://www.festivalvisualbrasil.com/ Next week: http://www.teorema.nl/ Monica makes a round table **Barcelona Hardware Hacklab meetup**: New Hot meetup (not as hot as this one, but still)!! https://www.meetup.com/de-DE/Hardware-Hack-Lab-BCN/ **European Researchers Night** https://www.chromdesign.eu/ https://ec.europa.eu/research/mariecurieactions/news/2018/european-researchers-night-2018-2019_en science slam 2019 https://www.crg.eu/en/event/nit-europea-de-la-recerca-european-researchers-night Friday 27th https://m.facebook.com/events/850098095396100/?ti=ia https://www.garagestories.org/ 17.Oct? # Wednesday 22.May 2019, Tertulia #13 @MOB # Monday 8.April 2019, Tertulia #12 @MOB **Javi** visualizer of sid js emulators http://tamats.com/apps/sid/ UI in html canvas: https://en.wikipedia.org/wiki/Immediate_Mode_GUI **Francesco** d3 visualizations of **Joan** generative graphics for android, with c++ and shaders **Lolo** graffiti type patterns inspired by patterns he sees somewhere. with processing (sometimes shaders) applies effects to make it more realistic. shadows, noise, … https://www.instagram.com/loloarmdz/ https://github.com/armdz **Monica** https://arsgames.net/ This saturday: gamejam, 10am, imagincafé **Carol** https://www.coralpereda.com/ A photoseries in Madrid in 2012, during the financial crisis. Conceptual piece in Chacago, 4 channel video and photographs printed on textile Smoke Membran, installation ## FREE OLA BINI https://freeolabini.org/en/ ## Masterclass **Abe Pazos** https://hamoid.com/ Shows a processing program, that he wrote to design a album cover. Uses midi controller and wrote a web frontend to simulate his midi controller (uses https://github.com/sebpiq/rhizome) He talks about his programming process: reusing classes in Processing, shaders and so on. https://www.shadertoy.com/ A 2nd program that he used for the performance on Saturday - A audio reactive application. He often uses images to create colour palettes. https://www.praxislive.org/ Live patching of processing sketches **Presentations** **Ping** **Xiao** Paper: Vismantic: Meaning making with Images (Ping Xiao, Simo Linkola) https://www.researchgate.net/publication/292280576_Vismantic_Meaning-making_with_Images This paper presents Vismantic, a semi-automatic system generating proposals of visual composition (visual ideas) in order to express specific meanings. Ping reviews her paper and explain how’s the process of making meaning through images. http://computationalcreativity.net/home/ **Anna Carreras** http://www.annacarreras.com/eng/ She talks about project called My City My Playground http://www.annacarreras.com/eng/my-city-my-playground/ Create and play with My City My Playground transforming your city into a playground. You can turn any element of the urban landscape into the pieces of a game: the outline of a building, cars and traffic, passers-by, lampposts and other street furniture. https://player.vimeo.com/video/110556416 [https://vimeo.com/110556416](https://vimeo.com/110556416) **Javi Agenjo** Presents a random book generator http://tamats.com/apps/bookname/ **Hazal Yilmaz** She’s presenting about robots. Student from IAAC Masters in Advanced Construction. She talks about Robot Operating System http://www.ros.org/ # Tuesday 12.February 2019, Tertulia #11 @MOB **UNITY 3D** ## Unity webpage: https://unity3d.com/ ## Games Done with Unity: https://unity.com/madewith https://www.youtube.com/watch?v=wC1jHHF_Wjo& [https://youtu.be/wC1jHHF_Wjo](https://youtu.be/wC1jHHF_Wjo) ## VR and AR Projects done with Unity https://blog.setapp.pl/non-game-apps-unity/ ## Visuals with Unity: Keijiro Takahasi [https://youtu.be/sruWLKzgZ3w](https://youtu.be/sruWLKzgZ3w) https://github.com/keijiro VJ Fader: [https://vimeo.com/167740862](https://vimeo.com/167740862) ## Useful Links: Asset Store: [https://assetstore.unity.com/](https://assetstore.unity.com/) Tutorials: https://unity3d.com/es/learn/tutorials Turorials for artists: https://unity3d.com/es/learn/tutorials/s/unity-artists # Tuesday 15.January 2019, Tertulia #10 @MOB ## Presentation Remember to look at at Message Board of the meetup since some informations will be posted there (opencalls, events, collaborations…) ## Masterclass Neural Style Transfer, an image processing technique based on recent Machine Learning breakthroughs, that was originally thought as a way to apply the style of a painter to any image, but that has more interesting uses for creative image synthesis and remix. It has been dubbed by some as "digital frottage", akin to a technique used by the early Surrealist movement. ## Technique Arthur is so nice that he just put all the info and links to his Masterclass just down here 🙂 The original style transfer paper https://www.youtube.com/watch?v=Oex0eWoU7AQ&t=123 [https://youtu.be/Oex0eWoU7AQ?t=123](https://youtu.be/Oex0eWoU7AQ?t=123) Style transfer for video https://www.youtube.com/watch?v=Uxax5EKg0zA&&t=145s [https://youtu.be/Uxax5EKg0zA?t=145s](https://youtu.be/Uxax5EKg0zA?t=145s) Neural doodle [https://youtu.be/jMZqxfTls-0](https://youtu.be/jMZqxfTls-0) Good choice to play around to create your own images 🙂 you use color masks to make them different objects ## Conceptual - Digital frottage [https://philippschmitt.com/notes/surrealist-networks](https://philippschmitt.com/notes/surrealist-networks) ## Tools http://deepart.io http://paperspace.com https://colab.research.google.com/github/titu1994/Neural-Style-Transfer/blob/master/NeuralStyleTransfer.ipynb#scrollTo=4eITTefRdfoY https://github.com/lengstrom/fast-style-transfer/ ## Works [http://kylemcdonald.net/stylestudies/](http://kylemcdonald.net/stylestudies/) ![](https://pbs.twimg.com/media/Dj1v5cGX0AYZSIL.jpg) [https://pbs.twimg.com/media/Dj1v5cGX0AYZSIL.jpg](https://pbs.twimg.com/media/Dj1v5cGX0AYZSIL.jpg) https://schwittlick.net//123/ [https://opendot.github.io/ml4a-invisible-cities/](https://opendot.github.io/ml4a-invisible-cities/) https://player.vimeo.com/video/249611594 [https://vimeo.com/249611594](https://vimeo.com/249611594) https://github.com/schwittlick/neurodynamics related project https://opendot.github.io/ml4a-invisible-cities/ Ramin shows example about doing generative parts from given images ## Open Mic: **Allesandro** **Audio in the browser****, (Theremin controlled by gyroscopes)** http://www.cntlsn.com/dev/audio/acc-theremin/index.html **Online web based “Max” like software** [tamants.com/project/litegraph/dome](http://tamats.com/projects/litegraph/demo/) **Made bcn** http://made-bcn.org/ Jam sessions wednesday digeridoo with sensors to create neural sound **VR storytelling** [gusano.org/aframe](http://www.gusano.org/aframe/) https://rednoise.org/rita/ **Vinay Khare** vinayk.portfoliobox.net **Processing Community Day** http://creativecodingmadrid.com/ # Tuesday 18.December 2018, Tertulia #9 @MOB *** **Masterclass** Monica gives a intro to [Wekinator](http://www.wekinator.org/), a open source tool to integrate machine learning into your project. Demonstration: How to make sound with a face-detection a sound output and wekinator in between. [Coder Factora F5](http://www.factoriaf5.org/) info@factoriaf5.org get in touch if you want to teach **Toni** tensorflow.js webbased machine learning library a robotics project arduino snap: a webbased block programming language Shenzhen **Artificio** A interactive documentary about machine learning art. 1. Chapter about machine generated literature [Artificio.io](http://Artificio.io) email: gusano@guasano.org Not public yet. another tool for easy machine learning: Runaway: another tool for machine learning (not public yet) **Ramin** [The Dating Brokers](https://datadating.tacticaltech.org) # Wednesday 18. July 2018, Tertulia #8 @ [Ironhack](https://www.ironhack.com/en/locations/barcelona) **** <Name> Speech Recognition is Hard They wanted to build speech recognition for catalan https://github.com/collectivat/cmusphinx-models They used tv3 to gather speech and transcripts. A general model: CMU Sphinx Models Around 30% error rate. reference: Mozilla created https://voice.mozilla.org/en a open repository for data for speech recognition. ******<Gabriela?>** [ayudadefema.org](http://ayudadefema.org) [theuselessweb](https://theuselessweb.com/) thewrong.org **Byron** Likes to make things with the canvas A music game, where you have to hit the keys in el ritmo of the A generative animation # Tuesday 26. June 2018, Tertulia #siete at [protopixel](https://protopixel.net/) **** ****Josh and Mitch (Mindbuffer) ****presented their framework called nannou, a creative coding framework developed in/for rust. ****goal easy to use like processing but fast and robust. ****Batteries (a lot of packages) included. Open Source Released yesterday! http://nannou.cc/news/hello-nannou/ [https://github.com/nannou-org/nannou](https://github.com/nannou-org/nannou) **Jannis** WebGL shaders frequencies to MIDI audioreactive WebGL graphics github.com/wizgrav/clubber wizgrav.github.io/clubber wizgrav.github.io/rayglieder ---- <NAME?> makes animations in after effects created a video, where he has a UI that changes the 3D modelo. used a physics engine to animate coins dropping lottie after-effect for animations for mobiles **¿qué es una silla?** rruido.es/silla/ MATICS association for media artists in barcelona Summer fun lab in 25 - 27 July Workshops, Concerts, Max/Msp, video projects, algoraves ## Thursday 24. May 2018, Tertulia #6 At PuntMultimedia http://puntmultimedia.org/ **Irene** Makes a presentation about the space. It’s a public fablab, it’s open to anyone to work and experiment. ## => **There’s a 3D Printing party 7th July!! at Punt Multimedia** Uri explains us a bit more about robotics and the target of teaching people how to make things. There’s a groups of parents and kids that make workshops here. They also work with ONCE association, a group that works with people with sensorial disabilities such as blindness. Courses about coding and blind people. Open-source programmable robots: ESCORNABOT => the people from ONCE are working with this technology. They also work with schools workshops. Open to hear about workshops and different activities. Open Knowledge Foundation => okfn.org Smart Citizen => Pollution and city data (IAAC) sentilo.io => open source internet of things, software for internet fo things related to pollution There’s a discussion about how to attract people to activities and falabs. https://repair.org/stand-up/ http://festivalvisualbrasil.com/ https://ameba.cat/ameba-parkfest-2017/ https://www.baued.es/estudios/masters-y-posgrados/master-en-innovacion-audiovisual-y-entornos-interactivos **Personal presentations** Lucia Segurajauregui presentation [playabit.net](http://playabit.net/) Project: Luna Inflatable interactive interface. Costumbre made. Balloon. Electronic instrumento. XI Mostra Sonora Visual - 5-nueve June (Convent de Sant Agustí) Hack and Art Day - 26th May (Estruch, Sabadell) Posenet - Kyle McDonald - TensorFlow.js Willi- presentation CERO-ONE-INFINITE Machine Learning in Dance- Smart technologies for interaction performative dance # **Thursday 19.** **April** **2018, Tertulia #5** **At Espai Erre** **Román** talks about his works and his studio [romantorre.net](http://romantorre.net) [avatarsolo.blogspot.com.es](http://avatarsolo.blogspot.com.es) Lifefloor: a game of life simulation projected on the floor and controlled by visiting participants A collaboration with fura dels baus. [Rotor](http://www.rotor-studio.net/) is a open studio, where Román works on his projects. They also give workshops on various topics and everybody is invited to do something. It is also a coworking space with tools for hardware hacking/ rapif prototyping or usually also called physical computing. COME AND JOIN! **Christina** Plug&Display Prepares models for an exhibition. A project about open source in the context of creative coding. 1. of May < FILL IN DATE AND VENUE> **Albet y Toni** Albet y toni de booleans presentan ESCAPE.CAT con el objetivo de difundir el codigo crativo comunidad y talleres (creative caging) escape(the festiva) festival en una masia en un campo divugando la creatividad digital y el codigo. entienden la tencnologia como algo que hay que hacer unos mismos. quedada en la plana (a una hora de barcelona) el 4, 5 y 6 de mayo. compartiendo experiencias a partir de la creacion digital. se generan dinamicas entre artistas programadores y asistentes muy guays. autogestionado about the program... Noche 4 instalacion en la ermita Algor_esc(live coding nd visuals) Dia 5 Gimcana en el bosque PresentacionCharlas (referendum) Cinestesia (cinestecia.io) Dia 6 Videojuegos y genero - Luca carruba **Ramin** Exciting stuff from the world of deep learning: Researcher trained a network on labeled Flintstones scenes and it began to make up its own scenes from given input-sentences. https://www.youtube.com/watch?v=688Vv86n0z8& # **Miércoles 21th April 2018, Tertulia #4** **At Depotlab** **Arthur** Gave an intro and overview of the state of the art of Augmented Reality for mobile devices. Also showed some live demos. References y fresco projects: [Project Tango](https://youtu.be/Qe10ExwzCqk) [Visual inertial odometry (SLAM)](https://youtu.be/F3OFzsaPtvI) [ARKit Face Tracking](https://youtu.be/MpoV1YhrPug) [Mapbox AR](https://youtu.be/N6YwOHNej1Q) [ARKit 1.5](https://blogs.unity3d.com/es/2018/02/16/developing-for-arkit-1-5-update-using-unity-arkit-plugin/) [Artie Vierkant - image object](https://archpaper.com/2018/03/artie-vierkant-augmented-reality-art-hands/) [Zach Lieberman - weird type](https://youtu.be/UzNCGqE9MhE) [Zach Lieberman - sound in space](https://twitter.com/zachlieberman/status/930434261882195969) **Ferran** http://ferranmorales.com/index.php/portfolio/doble-pagina-todos-los-goles-del-fcb-y-rm/ **Diego** Processing sketch for VJ Sessions with MIDI Controller Also showed a project con un bailarín and live músico ******WHATS HIS VIMEO?** **Ramin** Is developing a webversion of an older piece called [Flocksounds](https://diskordier.net/main/flocksounds/index.html). An interactive, generative audio-visual thingy. # **Tuesday 13th 2018, Tertulia #3** **At Hangar.org** **Ramin** [Node-RED](https://flows.nodered.org/): Flujo-based programming for the Internet of Things (and normal devices). Prototype server with no or a poco bit of Javascript (node.js) [ngrok](https://ngrok.com/): giving a fuck about router firewalls since xxxx. Create a public web-address and connect it to a local network port (tunneling). **Agencias for Creative Coders in Barcelona** http://b-reel.com/ http://wildbytes.cc/ https://protopixel.net/ http://domesticstreamers.com/ **Dani presents project he worked on with Carla Molins** http://carlamolins.com/co-individuality /( ← This link show better the project) [](http://carlamolins.com/co-individuality)Using slitscans to enquire about shared identity **Rocio** Working on curriculum for creative coding rumbo in degree for design and digital creation starting next September. http://estudis.uoc.edu/ca/graus/disseny-creacio-digital/presentacio [Tumult Hype](http://tumult.com/hype/) : Desktop HTML5 Flash-like tool for animations. Can be used to merge animations with code. **Ramin** Live data environments for data science by Mike Bostock (under development) https://beta.observablehq.com How come young coders never stumbled upon these blogs? [fyprocessing.tumblr.com](http://fyprocessing.tumblr.com) **Juan** Coding projects : for example, a GoPro metadata extraction tool made with Processing to make a video in AfterEffects for PortAventura rollercoaster that displays GoPro sensor data (GoPro cámaras have sensors!) # **Tuesday 9th 2018, Tertulia #2** **At Though****t****Works** **Ramin** Gave an introduction to Word Embeddings. The [Jupyter notebook](https://jupyter.org/) that also includes instructions on how to download and install everything can be found here: https://github.com/transfluxus/NLP/blob/gh-pages/fun_with_wems/word2vec.ipynb The most important takeaway: ****Germany - funny + Spain ≈ Charming **Luis** Developed something called: Modulator Sonic Pi for the Browser in JavaScript Change melodies, step-sequences in real time. Uses WebAudio Can play multiple synths and samples Main Live Coding page: https://lcrespom.github.io/live-coding/#live-coding Tutorial / examples / reference: https://lcrespom.github.io/live-coding/help/lc-help.html#about Modular synthesiser, instrument designer: https://lcrespom.github.io/live-coding/#synth The project is open source and available in GitHub (repo link in app) My project’s page: https://lcrespom.github.io/ Contact: lcrespom@gmail.com **Ramon** Introduced Raylib a C library for videogames programming. It’s is high-performance, very easy to use and only has OpenGL as dependency. Runs on almost any platform. Also in the browser with [Asm.js](http://asmjs.org/) and [webassembly](http://webassembly.org/). http://www.raylib.com/ # **November 28th 2017, Tertulia #1** **At MOB&PAU** **Ramin** Presents [P5js](https://p5js.org), walks people through his example code & shows how to create basic shapes and animations using random values and functions. Shows interaction with HTML and how to use RGB and HUE values. A lot of the people in la habitación participate and we can all see the graphics created by their code on all screens at the same time thanks to [Joukkue](https://github.com/hamoid/Joukkue). ******Sebastian** Started as a creative coder 20 años ago creating animations for CD HABITACIONES. Shows different projects in his portafolio [http://sebastianseifert.net](http://sebastianseifert.net/main.htm), including 0-800 RANDOM, an interactive CD HABITACIÓN with short films that the user can remix to create a random story and INODOROS where baños with interactive touch screens where used to create graffiti y poesías. His main projects at the moment are audiovisual music concerts using [Ableton Live](https://www.ableton.com/en/live/) and [Synesthesia](https://synesthesia.live). [](https://synesthesia .live) **Toni and Albert** They are part of http://booleans.cat which has the objective to share technological knowledge and empower people outside the urban space. Booleans organise an anual festival http://escape.cat with workshops, video game competitions, installations and more. Here is a [video](https://www.youtube.com/watch?v=H1yT5GRGexI) with a summary of the first two editions. **Alicia** http://away-aliciaway.tumblr.com Has created a prototype of interactive underwear that lights up when the wearer is aroused. The conceptualisation of the prototype is linked with the ideas of collecting physical data, the quantified self and enhancing the body of the future. **Lucia and Monika** Monika shows her last project, the [Light Jumper](http://monicarikic.com/portfolio/light-jumper/) an experimental video game designed to interact while jumping on a trampoline. Lucia and Monika have worked in several projects together like [Cup Coder](http://monicarikic.com/portfolio/cup-coder/), [Interactive Hand Puppets](http://monicarikic.com/portfolio/interactive-hand-puppets/) and [The Rain Umbrella](http://monicarikic.com/portfolio/the-rain-umbrella-2014/). ******Lucia and Toni** They have created several projects together. One of them, [Datastrofe](http://luciaseguramente.com/datastrofe/) is a game where Madrid is represented and players have to fight against the the city’s noise and pollution generated by real time data. [](https://p5js.org)

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.