diff --git a/i18n-tracking.yml b/i18n-tracking.yml index 4392b987f3..268b906d08 100644 --- a/i18n-tracking.yml +++ b/i18n-tracking.yml @@ -1,5 +1,35 @@ es: src/data/en.yml: + line 1153: ' 2022-p5js-access-day-date' + line 1174: ' 2022-p5js-access-day-advisor' + line 1150: ' p5js-community-event-title' + line 1151: ' 2022-p5js-access-day-title' + line 1152: ' 2022-p5js-access-day-date' + line 1154: ' 2022-p5js-access-day-coordinator' + line 1155: ' 2022-p5js-access-day-description' + line 1156: ' The p5.js Access Day is a virtual conference to talk about access in ' + line 1157: ' open-source software for the arts (OSSTA) and greater issues beyond the software. ' + line 1158: ' The day-long online event features four themed-sessions — Critical Web ' + line 1159: ' Accessibility, Disability Arts, Access & Community Building, and Access ' + line 1160: ' via Translation. It provides space for contributors of p5.js and experienced ' + line 1161: ' practitioners from outside OSSTA projects to share their knowledge, perspectives, ' + line 1162: ' and dreams for building greater access to technical and arts spaces. ' + line 1163: ' 2022-p5js-access-day-recap-video' + line 1164: ' 2022-p5js-access-day-recap-video-asl' + line 1165: ' 2022-p5js-access-day-moderator' + line 1166: ' 2022-p5js-access-day-speakers' + line 1167: ' 2022-p5js-access-day-session-0' + line 1168: ' 2022-p5js-access-day-session-1' + line 1169: ' 2022-p5js-access-day-session-2' + line 1170: ' 2022-p5js-access-day-session-3' + line 1171: ' 2022-p5js-access-day-session-4' + line 1172: ' 2022-p5js-access-day-session-5' + line 1173: ' 2022-p5js-access-day-production' + line 1175: ' 2022-p5js-access-day-asl' + line 1176: ' 2022-p5js-access-day-designer' + line 1177: ' 2022-p5js-access-day-tech-support' + line 1178: ' 2022-p5js-access-day-transcriber' + line 1179: ' 2022-p5js-access-day-asl-support' line 883: ' p5.fab' line 875: ' no setup required.' line 871: ' p5.input' @@ -22,7 +52,6 @@ es: line 28: footer5 line 29: footer6 line 30: footer7 - line 1174: ' The Summer 2021 Showcase' line 288: ' to the index.html containing your p5.js sketch.' line 297: ' file and the embed.html file for the sketch.' line 306: ' be' @@ -831,35 +860,6 @@ es: line 1147: ' Libraries' line 1148: ' core-libraries' line 1149: ' community-libraries' - line 1150: ' libraries-created-by' - line 1151: ' p5.sound' - line 1152: ' p5.sound extends p5 with Web Audio functionality including audio input,' - line 1153: ' playback, analysis and synthesis.' - line 1154: ' p5.accessibility' - line 1155: ' p5.accessibility makes the p5 canvas more accessible to people who are blind' - line 1156: ' and visually impaired.' - line 1157: ' asciiart' - line 1158: ' p5.asciiart is a simple and easy to use image - to - ASCII art converter for' - line 1159: ' p5js.' - line 1160: ' p5.ble' - line 1161: ' A Javascript library that enables communication between BLE devices and p5' - line 1162: ' sketches.' - line 1163: ' blizard.js' - line 1164: ' p5.bots' - line 1165: ' With p5.bots you can interact with your Arduino (or other microprocessor)' - line 1166: ' from within the browser. Use sensor data to drive a sketch; use a sketch to' - line 1167: ' drive LEDs, motors, and more!' - line 1168: ' p5.clickable' - line 1169: ' p5.cmyk.js' - line 1170: ' p5.collide2D' - line 1171: ' p5.collide2D provides tools for calculating collision detection for 2D' - line 1172: ' geometry with p5.js.' - line 1173: ' p5.createloop' - line 1175: ' p5.dimensions extends p5.js'' vector functions to work in any number of' - line 1176: ' dimensions.' - line 1177: ' p5.EasyCam' - line 1178: ' Simple 3D camera control with inertial pan, zoom, and rotate. Major' - line 1179: ' contributions by Thomas Diewald.' line 1180: ' p5.experience' line 1181: ' Extensive library for p5.js that adds additional event-listening' line 1182: ' functionality for creating canvas-based web applications.' @@ -1839,6 +1839,7 @@ es: line 84: ' copyright1' hi: src/data/en.yml: + line 1153: ' 2022-p5js-access-day-date' line 883: ' p5.fab' line 26: footer6 line 25: footer2 @@ -1862,8 +1863,67 @@ hi: line 880: ' easy to code and keystone interactive, algorithmic sketches.' line 881: ' p5.teach' line 882: ' A beginner friendly math animation library for p5.js. Created with mentorship ' + line 1150: ' p5js-community-event-title' + line 1151: ' 2022-p5js-access-day-title' + line 1152: ' 2022-p5js-access-day-date' + line 1154: ' 2022-p5js-access-day-coordinator' + line 1155: ' 2022-p5js-access-day-description' + line 1156: ' The p5.js Access Day is a virtual conference to talk about access in ' + line 1157: ' open-source software for the arts (OSSTA) and greater issues beyond the software. ' + line 1158: ' The day-long online event features four themed-sessions — Critical Web ' + line 1159: ' Accessibility, Disability Arts, Access & Community Building, and Access ' + line 1160: ' via Translation. It provides space for contributors of p5.js and experienced ' + line 1161: ' practitioners from outside OSSTA projects to share their knowledge, perspectives, ' + line 1162: ' and dreams for building greater access to technical and arts spaces. ' + line 1163: ' 2022-p5js-access-day-recap-video' + line 1164: ' 2022-p5js-access-day-recap-video-asl' + line 1165: ' 2022-p5js-access-day-moderator' + line 1166: ' 2022-p5js-access-day-speakers' + line 1167: ' 2022-p5js-access-day-session-0' + line 1168: ' 2022-p5js-access-day-session-1' + line 1169: ' 2022-p5js-access-day-session-2' + line 1170: ' 2022-p5js-access-day-session-3' + line 1171: ' 2022-p5js-access-day-session-4' + line 1172: ' 2022-p5js-access-day-session-5' + line 1173: ' 2022-p5js-access-day-production' + line 1174: ' 2022-p5js-access-day-advisor' + line 1175: ' 2022-p5js-access-day-asl' + line 1176: ' 2022-p5js-access-day-designer' + line 1177: ' 2022-p5js-access-day-tech-support' + line 1178: ' 2022-p5js-access-day-transcriber' + line 1179: ' 2022-p5js-access-day-asl-support' ko: src/data/en.yml: + line 1153: ' 2022-p5js-access-day-date' + line 1174: ' 2022-p5js-access-day-advisor' + line 1150: ' p5js-community-event-title' + line 1151: ' 2022-p5js-access-day-title' + line 1152: ' 2022-p5js-access-day-date' + line 1154: ' 2022-p5js-access-day-coordinator' + line 1155: ' 2022-p5js-access-day-description' + line 1156: ' The p5.js Access Day is a virtual conference to talk about access in ' + line 1157: ' open-source software for the arts (OSSTA) and greater issues beyond the software. ' + line 1158: ' The day-long online event features four themed-sessions — Critical Web ' + line 1159: ' Accessibility, Disability Arts, Access & Community Building, and Access ' + line 1160: ' via Translation. It provides space for contributors of p5.js and experienced ' + line 1161: ' practitioners from outside OSSTA projects to share their knowledge, perspectives, ' + line 1162: ' and dreams for building greater access to technical and arts spaces. ' + line 1163: ' 2022-p5js-access-day-recap-video' + line 1164: ' 2022-p5js-access-day-recap-video-asl' + line 1165: ' 2022-p5js-access-day-moderator' + line 1166: ' 2022-p5js-access-day-speakers' + line 1167: ' 2022-p5js-access-day-session-0' + line 1168: ' 2022-p5js-access-day-session-1' + line 1169: ' 2022-p5js-access-day-session-2' + line 1170: ' 2022-p5js-access-day-session-3' + line 1171: ' 2022-p5js-access-day-session-4' + line 1172: ' 2022-p5js-access-day-session-5' + line 1173: ' 2022-p5js-access-day-production' + line 1175: ' 2022-p5js-access-day-asl' + line 1176: ' 2022-p5js-access-day-designer' + line 1177: ' 2022-p5js-access-day-tech-support' + line 1178: ' 2022-p5js-access-day-transcriber' + line 1179: ' 2022-p5js-access-day-asl-support' line 883: ' p5.fab' line 875: ' no setup required.' line 871: ' p5.input' @@ -1886,7 +1946,6 @@ ko: line 28: footer5 line 29: footer6 line 30: footer7 - line 1174: ' The Summer 2021 Showcase' line 270: ' particular topics. Check out the' line 288: ' to the index.html containing your p5.js sketch.' line 297: ' file and the embed.html file for the sketch.' @@ -2695,35 +2754,6 @@ ko: line 1147: ' Libraries' line 1148: ' core-libraries' line 1149: ' community-libraries' - line 1150: ' libraries-created-by' - line 1151: ' p5.sound' - line 1152: ' p5.sound extends p5 with Web Audio functionality including audio input,' - line 1153: ' playback, analysis and synthesis.' - line 1154: ' p5.accessibility' - line 1155: ' p5.accessibility makes the p5 canvas more accessible to people who are blind' - line 1156: ' and visually impaired.' - line 1157: ' asciiart' - line 1158: ' p5.asciiart is a simple and easy to use image - to - ASCII art converter for' - line 1159: ' p5js.' - line 1160: ' p5.ble' - line 1161: ' A Javascript library that enables communication between BLE devices and p5' - line 1162: ' sketches.' - line 1163: ' blizard.js' - line 1164: ' p5.bots' - line 1165: ' With p5.bots you can interact with your Arduino (or other microprocessor)' - line 1166: ' from within the browser. Use sensor data to drive a sketch; use a sketch to' - line 1167: ' drive LEDs, motors, and more!' - line 1168: ' p5.clickable' - line 1169: ' p5.cmyk.js' - line 1170: ' p5.collide2D' - line 1171: ' p5.collide2D provides tools for calculating collision detection for 2D' - line 1172: ' geometry with p5.js.' - line 1173: ' p5.createloop' - line 1175: ' p5.dimensions extends p5.js'' vector functions to work in any number of' - line 1176: ' dimensions.' - line 1177: ' p5.EasyCam' - line 1178: ' Simple 3D camera control with inertial pan, zoom, and rotate. Major' - line 1179: ' contributions by Thomas Diewald.' line 1180: ' p5.experience' line 1181: ' Extensive library for p5.js that adds additional event-listening' line 1182: ' functionality for creating canvas-based web applications.' @@ -3703,6 +3733,36 @@ ko: line 84: ' copyright1' zh-Hans: src/data/en.yml: + line 1153: ' 2022-p5js-access-day-date' + line 1174: ' 2022-p5js-access-day-advisor' + line 1150: ' p5js-community-event-title' + line 1151: ' 2022-p5js-access-day-title' + line 1152: ' 2022-p5js-access-day-date' + line 1154: ' 2022-p5js-access-day-coordinator' + line 1155: ' 2022-p5js-access-day-description' + line 1156: ' The p5.js Access Day is a virtual conference to talk about access in ' + line 1157: ' open-source software for the arts (OSSTA) and greater issues beyond the software. ' + line 1158: ' The day-long online event features four themed-sessions — Critical Web ' + line 1159: ' Accessibility, Disability Arts, Access & Community Building, and Access ' + line 1160: ' via Translation. It provides space for contributors of p5.js and experienced ' + line 1161: ' practitioners from outside OSSTA projects to share their knowledge, perspectives, ' + line 1162: ' and dreams for building greater access to technical and arts spaces. ' + line 1163: ' 2022-p5js-access-day-recap-video' + line 1164: ' 2022-p5js-access-day-recap-video-asl' + line 1165: ' 2022-p5js-access-day-moderator' + line 1166: ' 2022-p5js-access-day-speakers' + line 1167: ' 2022-p5js-access-day-session-0' + line 1168: ' 2022-p5js-access-day-session-1' + line 1169: ' 2022-p5js-access-day-session-2' + line 1170: ' 2022-p5js-access-day-session-3' + line 1171: ' 2022-p5js-access-day-session-4' + line 1172: ' 2022-p5js-access-day-session-5' + line 1173: ' 2022-p5js-access-day-production' + line 1175: ' 2022-p5js-access-day-asl' + line 1176: ' 2022-p5js-access-day-designer' + line 1177: ' 2022-p5js-access-day-tech-support' + line 1178: ' 2022-p5js-access-day-transcriber' + line 1179: ' 2022-p5js-access-day-asl-support' line 883: ' p5.fab' line 875: ' no setup required.' line 871: ' p5.input' @@ -3725,7 +3785,6 @@ zh-Hans: line 28: footer5 line 29: footer6 line 30: footer7 - line 1174: ' The Summer 2021 Showcase' line 270: ' particular topics. Check out the' line 288: ' to the index.html containing your p5.js sketch.' line 297: ' file and the embed.html file for the sketch.' @@ -4534,35 +4593,6 @@ zh-Hans: line 1147: ' Libraries' line 1148: ' core-libraries' line 1149: ' community-libraries' - line 1150: ' libraries-created-by' - line 1151: ' p5.sound' - line 1152: ' p5.sound extends p5 with Web Audio functionality including audio input,' - line 1153: ' playback, analysis and synthesis.' - line 1154: ' p5.accessibility' - line 1155: ' p5.accessibility makes the p5 canvas more accessible to people who are blind' - line 1156: ' and visually impaired.' - line 1157: ' asciiart' - line 1158: ' p5.asciiart is a simple and easy to use image - to - ASCII art converter for' - line 1159: ' p5js.' - line 1160: ' p5.ble' - line 1161: ' A Javascript library that enables communication between BLE devices and p5' - line 1162: ' sketches.' - line 1163: ' blizard.js' - line 1164: ' p5.bots' - line 1165: ' With p5.bots you can interact with your Arduino (or other microprocessor)' - line 1166: ' from within the browser. Use sensor data to drive a sketch; use a sketch to' - line 1167: ' drive LEDs, motors, and more!' - line 1168: ' p5.clickable' - line 1169: ' p5.cmyk.js' - line 1170: ' p5.collide2D' - line 1171: ' p5.collide2D provides tools for calculating collision detection for 2D' - line 1172: ' geometry with p5.js.' - line 1173: ' p5.createloop' - line 1175: ' p5.dimensions extends p5.js'' vector functions to work in any number of' - line 1176: ' dimensions.' - line 1177: ' p5.EasyCam' - line 1178: ' Simple 3D camera control with inertial pan, zoom, and rotate. Major' - line 1179: ' contributions by Thomas Diewald.' line 1180: ' p5.experience' line 1181: ' Extensive library for p5.js that adds additional event-listening' line 1182: ' functionality for creating canvas-based web applications.' diff --git a/src/data/en.yml b/src/data/en.yml index d8aab10cd5..d3f74a7e44 100644 --- a/src/data/en.yml +++ b/src/data/en.yml @@ -18,6 +18,7 @@ Forum: Forum Showcase: Showcase footerxh1: Credits footer1: 'p5.js is currently led by ' +footer2: ' & ' footer3: ' and was created by ' footer4: '. p5.js is developed by a community of collaborators, with support from the ' footer5: ' and ' @@ -708,15 +709,11 @@ libraries: With p5.bots you can interact with your Arduino (or other microprocessor) from within the browser. Use sensor data to drive a sketch; use a sketch to drive LEDs, motors, and more! - p5.bezier: A library helps draw high-degree Bézier curves with unlimited points. p5.clickable: 'Event driven, easy-to-use button library for p5.js.' p5.cmyk.js: CMYK ColorSpace p5.collide2D: >- p5.collide2D provides tools for calculating collision detection for 2D geometry with p5.js. - CO2Budget.js: >- - This library opens up the idea of the CO2-Countdown to creative communities of - coders, designers and artists associated with p5*js and JavaScript. p5.createloop: Create animation loops with noise and GIF exports in one line of code. p5.dimensions: >- p5.dimensions extends p5.js' vector functions to work in any number of @@ -733,15 +730,11 @@ libraries: p5.geolocation: >- p5.geolocation provides techniques for acquiring, watching, calculating, and geofencing user locations for p5.js. - p5.glitch: p5.glitch extends p5.js for glitching images and binary files. p5.gibber: p5.gibber provides rapid music sequencing and audio synthesis capabilities. grafica.js: >- grafica.js lets you add simple but highly configurable 2D plots to your p5.js sketches. p5.gui: p5.gui generates a graphical user interface for your p5.js sketches. - p5.j5: >- - The full Johnny-Five.io Nodebots/robotics library for Arduino and other - microcontrollers made to work directly in browser with WebSerial or WebUSB. p5.localmessage: >- p5.localmessage provides a simple interface to send messages locally from one sketch to another for easy multi-window sketching! @@ -752,10 +745,6 @@ libraries: ml5.js: >- ml5.js builds on Tensorflow.js and provides friendly access to machine learning algorithms and models in the browser. - numero: A friendly and intuitive math library for p5.js. - pdl.library: >- - A set of functions and classes to create interactive diagrams for teaching - and learning physics. p5.play: >- p5.play provides sprites, animations, input and collision functions for games and gamelike applications. @@ -763,14 +752,6 @@ libraries: The Particle and Fountain objects can be used to create data-driven effects that are defined through user structures or JSON input and user-draw functions. - p5.party: >- - p5.party is a library for easily creating networked multiuser games, apps, - and sketches. - p5.Polar: >- - p5.Polar provides mathematical abstractions making it easy to create - create beautiful, kaleidoscopic, radial patterns. - react-p5: This library lets you integrate p5 Sketches into your React App. - p5.recorder: Record sketch canvas and audio. p5.Riso: >- p5.Riso is a library for generating files suitable for Risograph printing. It helps turn your sketches into multi-color prints. @@ -785,17 +766,13 @@ libraries: p5.scribble: >- Draw 2D primitives in a sketchy look. Created by Janneck Wullschleger, based on a port of the original Processing library - p5.serialport: >- - p5.serialport enables serial communication between devices that support serial + p5.serial: >- + p5.serial enables serial communication between devices that support serial (RS-232) and p5 sketches running in the browser. Shape5: >- Shape5 is a 2D primative library for elementary students who are learning to code for the first time. p5.shape.js: A library built to add more simple shapes to the p5.js framework. - P5.slides: p5.slides is a presentation platform written in p5.js. - p5snap: >- - p5snap is a command-line interface that creates and saves snapshots - of a p5 sketch on an interval. p5.speech: >- p5.speech provides simple, clear access to the Web Speech and Speech Recognition APIs, allowing for the easy creation of sketches that can talk @@ -804,82 +781,19 @@ libraries: p5.tiledmap: >- p5.tiledmap provides drawing and helper functions to include maps in your sketches. - TiledPlay: >- - A small library to bridge the functionality of p5.js, p5.play.js and - p5.tiled.js to easily create 2D platformer games using javascript. p5.touchgui: A multi-touch and mouse GUI Library for p5.js. tramontana: >- Tramontana is a platform for easily use many devices (iOS, Android, tramontana Board, ...) to create interactive environments, interactive spaces or just prototype experiences at scale and in space. - TurtleGFX: >- - TurtleGFX allows to code with Turtle Graphics in JavaScript. - Great for education and creative coding. - p5.tween: >- - With p5.tween you can create easily animations as tween for your objects and - shapes. vida: >- Vida is a simple library that adds camera (or video) based motion detection and blob tracking functionality to p5js. p5.voronoi: >- p5.voronoi provides a set of tools to draw and utilize voronoi diagrams in your p5.js sketches. - p5.wasm: >- - p5.wasm is an addon library written in Rust and compiled to WebAssembly that - implements common functions found in p5.js. p5.xr: A library for creating VR and AR sketches with p5. p5.3D: 3D Text and Images in WebGL. - WEBMIDI.js: Easily send and receive MIDI messages from p5. - p5.buttons: A library that aims to de-complicate scripting buttons. - p5.button: >- - Small one function library to design and render simple or styled buttons - directly in p5.js canvas. - p5.math.js: >- - The mathematical operations of JavaScript have been converted into simple - human language so that they can understand really quickly. - p5LiveMedia: Real time audio, video, canvas, and data sharing. - P5.Create: >- - P5.Create is a library which provides save, animation, collision and tag - functions designed for efficient game creation. - p5.quadrille.js: p5.js quadrille library. - p5.animS: p5.animS animates p5.js shapes by rendering their drawing processes. - I_AM_UI: A UserInterface library. - simple.js: Helper functions and defaults for young and new coders. - p5.timer: >- - This library performs asynchronous timing functions like countdowns, - one-shot timers, % time elapsed and encapsulates the millis() function and - other related calculations that often clog up your code. - c2.js: >- - c2.js is a JavaScript library for creative coding based on computational - geometry, physics simulation, evolutionary algorithm and other modules. - Concave Hull: Calculate a Concave Hull from a set of points in 2D space. - p5.joystick: Connect and play with physical joysticks - p5.webserial: >- - A library for interacting with Serial devices from within the browser, - based on Web Serial API (available on Chrome and Edge). - p5.pattern: A pattern drawing library for p5.js. - p5.jacdac: Plug-and-play micro-controllers for p5js - p5.PatGrad: p5.PatGrad let's you add patterns and gradients to your sketches. - p5.projection: Easy projection mapping of sketches onto real world surfaces - p5.Framebuffer: >- - A fast offscreen canvas for WebGL, giving access to depth data for fog and - blur effects. - p5.capture: >- - p5.capture provides a simple GUI to easily record p5.js animations and output - video files in various formats (webm, gif, mp4, png, jpg, and webp). - p5.input: Adds more key support for p5.js. - p5.web-serial: >- - A p5.js library for using the Web Serial API to access devices like Arduino, - no setup required. - p5.wasm.core: A web assembly core for p5.js. - p5.videorecorder: Record your canvas as a video file with audio. - p5.mapper: >- - p5.mapper is a projection mapping library for p5.js. This library makes it - easy to code and keystone interactive, algorithmic sketches. - p5.teach: >- - A beginner friendly math animation library for p5.js. Created with mentorship - from Nick McIntyre and Jithin KS. - p5.fab: p5.fab controls digital fabrication machines from p5.js. using-a-library-title: Using a library using-a-library1: >- A p5.js library can be any JavaScript code that extends or adds to the p5.js @@ -1602,300 +1516,320 @@ teach: teach-case-subtitle3: Level of Difficulty teach-case-subtitle4: Goals teach-case-subtitle5: Method & Materials - teach-case1-title: p5.js at Ubuntu Party! - teach-case1-lead-name: Basile Pesin - teach-case1-content1: '2020 Ubuntu Party ' - teach-case1-content1-1: 'Cité des Sciences et de l''Industrie, Paris, France' - teach-case1-content2: 'Any age, including children and parents, young and older adults.' - teach-case1-content3: Advanced - teach-case1-content4: >- + teach-case1-title: Introduction to Video Game Programming in High School with p5.js + teach-case1-lead-name: Emanuele Bolognesi + teach-case1-image-alt: A group photo of 25 students with their teacher + teach-case1-content1: '📍 High School Russell-Newton, Scandicci (FI), Italy. ' + teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content2: 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys + teach-case1-content3: ' Elementary' + teach-case1-content4: Introduce 10th grade students to simple video game programming using javascript and p5.js + teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5-1: The + teach-case1-content5-2: works + teach-case1-content5-3: of the students + teach-case2-title: Fractal implementations + teach-case2-lead-name: Mariana + teach-case2-content1: 'Mars' + teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content2: 15 + teach-case2-content3: ' Advanced' + teach-case2-content4: Introduce the theme of fractals and use p5js to implement them + teach-case2-content5: 'Just ' + teach-case3-title: Introduction to Computational Media with p5.js + teach-case3-lead-name: Barry Voeten + teach-case3-content1: 'school' + teach-case3-content1-1: 'entire course' + teach-case3-content2: Dutch school kids, age 14-15 + teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content4: education + teach-case3-content5: 'Syllabus' + teach-case4-title: Calculadora de IMC + teach-case4-lead-name: Dayana + teach-case4-content1: 'Youtube' + teach-case4-content1-1: '00h: 30min' + teach-case4-content2: Inscritos no canal do youtube, houveram 18 vizializações. + teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. + teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case5-title: Taller de Creative Coding + teach-case5-lead-name: Federico Santana + teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online + teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' + teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content2: Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. + teach-case5-content3: ' Elementary' + teach-case5-content4: Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto. + teach-case5-content5: 'Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:' + teach-case6-title: '50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩‍👧‍👦)' + teach-case6-lead-name: Inhwa Yeom + teach-case6-image-alt: In-class photo + teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' + teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content2: People who identify themselves as older adults (average age = 62.54), and their companions of all ages. + teach-case6-content3: ' Elementary' + teach-case6-content4: p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ + teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case7-title: Introduction to p5js + teach-case7-lead-name: Bérenger Recoules a.k.a b2renger + teach-case7-image-alt: example picture + teach-case7-content1: L'École de Design Nantes Atlantique - France + teach-case7-content1-1: from 2018 and ongoing + teach-case7-content2: Students from l'école de design Nantes Atlantique + teach-case7-content3: ' Elementary' + teach-case7-content4: get to know p5js and its functionalities (dom, audio, webgl etc.) + teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case8-title: I am starting a new one - + teach-case8-lead-name: Brinder Soin + teach-case8-content1: 'New Jersey' + teach-case8-content1-1: '12/28 - 12/30' + teach-case8-content2: About 100 students from grades 7, 8 and 9 from various schools and locations. + teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content4: Keeping children safe and learning in the time of covid and promote STEM education + teach-case8-content5: 'Teacher created notes and worksheets and IDE p5 web editor' + teach-case9-title: Programación Aplicada al Arte Visual e Interactivo + teach-case9-lead-name: Sebastián Zavatarelli + teach-case9-image-alt: A zoom class sharing p5.js web editor + teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' + teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. + teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content4: El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido. + teach-case9-content5: 'p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle' + teach-case10-title: Painting with Code + teach-case10-lead-name: Andreas Refsgaard + teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1-1: '22/02/2020' + teach-case10-content2: Participants were people . A wide range of people from + teach-case10-content3: ' Intermediate' + teach-case10-content4: Get creatives, designers, artists and other people who don't typically use code introduced to p5.js + teach-case10-content5: 'Website, p5.js editor' + teach-case11-title: Signing Coders + teach-case11-lead-name: Taeyoon Choi + teach-case11-content1: 'BRIC, New York City. USA + Seoul Museum of Art, Seoul, South Korea.' + teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case11-content3: ' Elementary' + teach-case11-content4: To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case11-content5: 'We used p5.js Web editor and code examples on the website. + We also used dice, playing cards and various paper tools to help students learn about coding concepts. ' + teach-case12-title: Digital Weaving & Physical Computing Workshop Series + teach-case12-lead-name: Qianqian Ye + teach-case12-image-alt: In-class photo + teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' + teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' + teach-case12-content2: 15 women and non-binary artists, designer, makers, programers. + teach-case12-content3: ' Elementary' + teach-case12-content4: Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers. + teach-case12-content5: 'Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool + Methods: small team session' + teach-case12-content5-1: "Slides we used for the workshop:" + teach-case13-title: p5.js à l'Ubuntu Party! + teach-case13-lead-name: Basile Pesin + teach-case13-content1: '2020 Ubuntu Party ' + teach-case13-content1-1: Cité des Sciences et de l''Industrie, Paris, France + teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content3: Advanced + teach-case13-content4: >- To introduce a new public to programming through fun and compelling examples. - teach-case1-content5: >- + teach-case13-content5: >- Method: in-person workshop, 1 hour per session, with different participant each times. The students were using (Ubuntu) machines with the p5.js web editor. I was teaching using a video projector as well as a board. - teach-case1-content5-1: >- + teach-case13-content5-1: >- Materials: The exercises I gave where accessible through p5.js web-editor links available in - teach-case2-title: >- + teach-case14-title: >- Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js - teach-case2-lead-name: Priti Pandurangan & Ajith Ranka - teach-case2-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. - teach-case2-content1: 'National Institute of Design, Bangalore' - teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' - teach-case2-content2: >- + teach-case14-lead-name: Priti Pandurangan & Ajith Ranka + teach-case14-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. + teach-case14-content1: 'National Institute of Design, Bangalore' + teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case2-content3: 'Priti: Intermediate & Ajith: Advanced' - teach-case2-content4: >- + teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' + teach-case14-content4: >- To explore generative art & design and recreate some classical works with p5.js. - teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case2-content5-1: '' - teach-case2-content5-2: 'Course page ' - teach-case2-content5-3: 'linking to sketches on the p5 editor, ' - teach-case2-content5-4: 'interactive reference guide ' - teach-case2-content5-5: to p5 basics - teach-case3-title: CC Fest (Creative Coding Festival) - teach-case3-lead-name: Saber - teach-case3-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' - teach-case3-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case3-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' - teach-case3-content2: >- + teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' + teach-case14-content5-1: 'Materials: ' + teach-case14-content5-2: 'course page ' + teach-case14-content5-3: 'linking to sketches on the p5 editor, ' + teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5-5: to p5 basics + teach-case15-title: CC Fest (Creative Coding Festival) + teach-case15-lead-name: Saber + teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' + teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' + teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case3-content3: Intermediate - teach-case3-content4: >- + teach-case15-content3: Intermediate + teach-case15-content4: >- To build a teacher and student community around p5 for middle and high school. - teach-case3-content5: >- + teach-case15-content5: >- A half-day of workshop led by volunteer teachers. We saw lots of different methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix. - teach-case3-content5-1: CC Fest Lessons page - teach-case3-content5-2: ' for teaching materials' - teach-case3-content5-3: More photos - teach-case4-title: Introduction to Creative Programming with p5.js - teach-case4-lead-name: Aarón Montoya-Moraga - teach-case4-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. - teach-case4-speech: 'p5.js is my happy place ' - teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case4-content1-1: ' 2018 November 14, 3 hours' - teach-case4-content2: >- + teach-case15-content5-1: CC Fest Lessons page + teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-3: More photos + teach-case16-title: Taller Introducción a la Programación Creativa con p5.js + teach-case16-lead-name: Aarón Montoya-Moraga + teach-case16-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. + teach-case16-speech: 'p5.js is my happy place ' + teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' + teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-content2: >- I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue. - teach-case4-content3: 'Elementary, Intermediate, Advanced' - teach-case4-content4: >- + teach-case16-content3: 'Elementary, Intermediate, Advanced' + teach-case16-content4: >- Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :) - teach-case4-content5: 'I used the material on this ' - teach-case4-content5-1: GitHub repo - teach-case4-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' - teach-case4-content5-3: '+CODE electronic art festival 2018, Argentina' - teach-case4-content5-4: ', Medium' - teach-case5-title: Introduction to Generative Drawing - teach-case5-lead-name: Adam Herst - teach-case5-speech: >- + teach-case16-content5: 'I used the material on this ' + teach-case16-content5-1: GitHub repo + teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' + teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' + teach-case16-content5-4: ', Medium' + teach-case17-title: Introduction to Generative Drawing + teach-case17-lead-name: Adam Herst + teach-case17-speech: >- My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists. - teach-case5-content1: Inter/Access - teach-case5-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' - teach-case5-content1-2: In-person with a self-paced workbook for remote work - teach-case5-content1-3: ' 2020 February 12, 7PM-9PM' - teach-case5-content2: 15 artists - teach-case5-content3: Elementary - teach-case5-content4: >- + teach-case17-content1: Inter/Access + teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-2: In-person with a self-paced workbook for remote work + teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content2: 15 artists + teach-case17-content3: Elementary + teach-case17-content4: >- To introduce p5.js to artists with little or no programming experience and to suggest one way an analogue practice can migrate to a digital form. - teach-case5-content5: >- + teach-case17-content5: >- A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing. - teach-case5-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' - teach-case5-content5-2: Introduction to Generative Drawing Letter PDF - teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF - teach-case6-title: 'Open Lecture, Creative Coding: 2020' - teach-case6-lead-name: Shunsuke Takawo - teach-case6-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. - teach-case6-speech: >- + teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-2: Introduction to Generative Drawing Letter PDF + teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF + teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-lead-name: Shunsuke Takawo + teach-case18-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. + teach-case18-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! - teach-case6-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' - teach-case6-content1-1: ' 2020 March 16-18, 1-7 PM' - teach-case6-content2: 'Students of Kyoto University of Art and Design, and anyone.' - teach-case6-content3: Elementary - teach-case6-content4: Making code as a tool for artistic expression. - teach-case6-content5: 'Dropbox Paper, p5.js web editor.' - teach-case6-content5-1: Syllabus - teach-case6-content5-2: Day 1 - teach-case6-content5-3: Day 2 - teach-case6-content5-4: Day 3 - teach-case6-content5-5: ', YouTube' - teach-case7-title: Creative Coding for Static Graphics - teach-case7-lead-name: Shunsuke Takawo - teach-case7-speech: >- + teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' + teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' + teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content3: Elementary + teach-case18-content4: Making code as a tool for artistic expression. + teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5-1: Syllabus + teach-case18-content5-2: Day 1 + teach-case18-content5-3: Day 2 + teach-case18-content5-4: Day 3 + teach-case18-content5-5: ', YouTube' + teach-case19-title: Creative Coding for Static Graphics + teach-case19-lead-name: Shunsuke Takawo + teach-case19-speech: >- Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try! - teach-case7-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case7-content1-1: ' 2019 September 15, 4-7 PM ' - teach-case7-content2: Anyone who wants to try coding in p5.js. - teach-case7-content3: Intermediate - teach-case7-content4: To code from the graphic design's perspective. - teach-case7-content5: 'Dropbox Paper, p5.js web editor.' - teach-case7-content5-1: Syllabus & Material - teach-case8-title: Generative Typography - teach-case8-lead-name: Dae In Chung - teach-case8-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. - teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' - teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. - teach-case8-content3: Elementary - teach-case8-content4: Experiment with typographic forms and structures through computation. - teach-case8-content5: 'Methods: online/offline lectures and critiques.' - teach-case8-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' - teach-case8-content5-2: Works of participants - teach-case9-title: Machine Learning for the Web - teach-case9-lead-name: Yining Shi - teach-case9-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. - teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' - teach-case9-content2: >- + teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' + teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content2: Anyone who wants to try coding in p5.js. + teach-case19-content3: Intermediate + teach-case19-content4: To code from the graphic design's perspective. + teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5-1: Syllabus & Material + teach-case20-title: Generative Typography + teach-case20-lead-name: Dae In Chung + teach-case20-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. + teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' + teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. + teach-case20-content3: Elementary + teach-case20-content4: Experiment with typographic forms and structures through computation. + teach-case20-content5: 'Methods: online/offline lectures and critiques.' + teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5-2: Works of participants + teach-case21-title: Machine Learning for the Web + teach-case21-lead-name: Yining Shi + teach-case21-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. + teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' + teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content2: >- Students at Interactive Telecommunications Program, New York University. 16 people. - teach-case9-content3: 'Elementary, Intermediate' - teach-case9-content4: >- + teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content4: >- The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using ml5.js and p5.js. - teach-case9-content5: >- + teach-case21-content5: >- This class is a mix of lectures, coding sessions, group discussions, and presentations. I used - teach-case9-content5-1: GitHub - teach-case9-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' - teach-case9-content5-3: 'Methods: online/offline lectures and critiques.' - teach-case10-title: Introduction to p5.js and JavaScript - teach-case10-lead-name: Nico Reski - teach-case10-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' - teach-case10-content3: 'Beginner, Elementary' - teach-case10-content4: >- + teach-case21-content5-1: GitHub + teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' + teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case22-title: Introduction to p5.js and JavaScript + teach-case22-lead-name: Nico Reski + teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' + teach-case22-content3: 'Beginner, Elementary' + teach-case22-content4: >- Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding and enable them to pursue own projects in a safe environment. - teach-case10-content5: >- + teach-case22-content5: >- p5.js source code (for the introductory project), JavaScript source code (illustrating some basic JavaScript functionalities), accompanying slides in .pdf format, all hosted publicly on GitHub. - teach-case10-content5-1: Overview - teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' - teach-case11-title: Digital Weaving & Physical Computing Workshop Series - teach-case11-lead-name: Qianqian Ye & Evelyn Masso - teach-case11-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. - teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' - teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' - teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' - teach-case11-content3: Elementary - teach-case11-content4: >- + teach-case22-content5-1: Overview + teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case23-title: Digital Weaving & Physical Computing Workshop Series + teach-case23-lead-name: Qianqian Ye & Evelyn Masso + teach-case23-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. + teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' + teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' + teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content3: Elementary + teach-case23-content4: >- Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers. - teach-case11-content5: 'Methods: small team session' - teach-case11-content5-1: >- + teach-case23-content5: 'Methods: small team session' + teach-case23-content5-1: >- Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool. - teach-case11-content5-2: 'Workshop Slide #1' - teach-case11-content5-3: 'Workshop Slide #2' - teach-case11-content5-4: Workshop Information - teach-case11-content5-5: ' on WCCW website.' - teach-case12-title: Signing Coders - teach-case12-lead-name: Taeyoon Choi - teach-case12-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. - teach-case12-speech: >- + teach-case23-content5-2: 'Workshop Slide #1' + teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-4: Workshop Information + teach-case23-content5-5: ' on WCCW website.' + teach-case24-title: Signing Coders + teach-case24-lead-name: Taeyoon Choi + teach-case24-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. + teach-case24-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center. - teach-case12-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' - teach-case12-content1-1: '5 Sessions, each 2~3 hours' - teach-case12-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. - teach-case12-content3: Elementary - teach-case12-content4: >- + teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' + teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case24-content3: Elementary + teach-case24-content4: >- To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. - teach-case12-content5: >- + teach-case24-content5: >- We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts. - teach-case12-content5-1: Syllabus & Material - teach-case12-content5-2: More photos - teach-case13-title: Painting with Code - teach-case13-lead-name: Andreas Refsgaard - teach-case13-speech: >- - I'm working on a new series of coding class for Disabled students in South - Korea. I'm researching about the pedagogy and translation. I plan to hold - workshops in December 2020. The project is supported by the Open Society - Foundation Human Rights Initiative and Korea Disability Arts & Culture - Center. - teach-case13-content1: ' Copenhagen, Denmark' - teach-case13-content1-1: '2020 February 22' - teach-case13-content2: A wide range of people. - teach-case13-content3: Intermediate - teach-case13-content4: >- - Get creatives, designers, artists and other people who don't typically use code introduced to p5.js. - teach-case13-content5: >- - Website, p5.js editor. - teach-case13-content5-1: Material - - teach-case14-title: Smarter Home - teach-case14-lead-name: Lauren McCarthy - teach-case14-speech: >- - The Smarter Home / 더 똑똑한 집 American Arts Incubator Workshop reimagines smart homes of the future. - teach-case14-content1: ' Gwangju Cultural Foundation(GJCF), Gwangju, South Korea' - teach-case14-content1-1: '2020 April 19 - May 11' - teach-case14-content1-2: 'ZERO1 American Art Incubator(AAI)' - teach-case14-content2: '16 people (resident of Gwangju or surrounding areas)' - teach-case14-content3: 'Elementary & Intermediate' - teach-case14-content4: >- - To reimagine smart homes of the future, with such technologies as p5.js and ml5.js. Spending a lot of time talking about the increasing role technology is playing at home and in Korean society, - the workshop aimed to offer a vision of a smarter home driven by the participants' critical optimism for the future. - teach-case14-content5: >- - p5.js, p5 web editor, ml5.js, and installations. - teach-case14-content5-1: >- - 1) We set out to prototype the concept of a “smarter home”, trying to bring technology into personal space on our own terms. - teach-case14-content5-2: >- - 2) Breaking into four teams, each selected an issue to address through a room they would create within our larger home structure. - teach-case14-content5-3: >- - 3) We incorporated machine learning, audio processing, and computer vision techniques to track and respond to the presence of people. - teach-case14-content5-4: >- - 4) Together, these works make one installation, comprised of four interconnected smart rooms that each provoke discussion. - teach-case14-content5-5: 'More pictures' - teach-case15-title: Introduction to p5js - teach-case15-lead-name: Bérenger Recoules (a.k.a b2renger) - teach-case15-content1: >- - L'École de Design Nantes Atlantique, France - teach-case15-content1-1: Since 2018 and ongoing - teach-case15-content2: >- - Students from l'école de design Nantes Atlantique' - teach-case15-content3: Elementary - teach-case15-content4: >- - To get to know p5.js and its functionalities (DOM, audio, WebGL, etc.) - teach-case15-content5: >- - GitHub Readme File - teach-case15-content5-1: ' : a text tutorial in French' - teach-case16-title: >- - 50+ Coding Club : My First Code Art with Handy(🖐) and Family - teach-case16-lead-name: Inhwa Yeom - teach-case16-speech: >- - This workshop was conducted in line with 'p5 for 50+' project, with supports from 2020 Processing Foundation fellowship program and Asia Culture Center (ACC). - teach-case16-content1: ' Asia Culture Center(ACC), Gwangju. Virtual & Online' - teach-case16-content1-1: '(In-Person) 2020 November 20 - 28, every Friday and Saturday; (Virtual-Online) Anytime from 2020 December on via YouTube videos' - teach-case16-content2: '8 people, composed of 6 older adults and their children' - teach-case16-content2-1: '1) Those who define themselves as older adults (age around 50 and older)' - teach-case16-content2-2: '2) People from any age groups who accompany a person of 1) ' - teach-case16-content3: 'Elementary' - teach-case16-content4: >- - Addressing the digital literacy and rights of age 50+ population in a non-English-speaking country, - this workshop aimed to lower their physical, lingual, and emotional barriers to learning coding with smartphone-based p5.js editor. - teach-case16-content5: >- - p5for50+ web app - teach-case16-content5-1: >- - a smartphone-based web app, with p5.js web editor embedded in it. Created with the editor, the participants' p5 sketches were printed out and framed on-site, and distributed as their materialized outcomes. - teach-case16-content5-2: 'Curriculum' - teach-case16-content5-3: 'YouTube' - teach-case16-content5-4: 'More pictures' - - teach-case17-title: Programming Applied to Visual and Interactive Art - teach-case17-lead-name: Sebastián Zavatarelli - teach-case17-speech: >- - The course is part of the extension courses on the trans-departmental area of multimedia arts of National University of the Arts in Argentina. - teach-case17-content1: ' Buenos Aires, Argentina. Virtual & Online' - teach-case17-content1-1: '2020 September 15 - October 14 every Wednesday 6:30-9:00 PM' - teach-case17-content2: 'Around 10 people. Mostly women.' - teach-case17-content3: 'Elementary & Intermediate' - teach-case17-content4: >- - The course is intended for artists who want to start using current technological tools for the development of their works. It can also be used by those who want to get started in computer programming through a simple, visual, accessible and fun programming environment. - teach-case17-content5: >- - p5.js web editor. Online through Zoom platform and material uploaded in Moodle. - teach-case17-content5-1: 'More pictures' + teach-case24-content5-1: Syllabus & Material + teach-case24-content5-2: More photos diff --git a/src/data/es.yml b/src/data/es.yml index 2000e22d9c..ba21062ac0 100644 --- a/src/data/es.yml +++ b/src/data/es.yml @@ -18,6 +18,7 @@ Forum: Foro Showcase: Showcase footerxh1: Créditos footer1: 'p5.js está actualmente dirigido por ' +footer2: ' y ' footer3: ' y fue creado por ' footer4: '. p5.js es desarrollado por una comunidad de colaboradores, con el apoyo de ' footer5: ' y ' @@ -105,13 +106,11 @@ get started: download1: La manera más simple de empezar es usando el ejemplo en blanco incluido en download2: p5.js completo download3: disponible en el sitio. - download8: >- - Después de la descarga, es necesario configurar un servidor local. Mira las - instrucciones - download9: aquí + download8: 'After download, you need to set up a local server. See instructions ' + download9: here download10: >- - . Ejecuta tu servidor local dentro de la carpeta descargada y en tu - navegador, ves a + . Run your local server within the downloaded folder and on your browser, go + to download11: 'http://localhost:{your-port-num}/empty-example' download4: >- Si revisas el archivo index.html, te darás cuenta que tiene un enlace al @@ -148,15 +147,15 @@ get started: Abre el archivo index.html en tu navegador haciendo doble click en él o escribiendo: environment12: 'file:///la/ubicacion/de/tu/archivo/html' - environment14: ' (o ' + environment14: ' (or ' environment15: 'http://localhost:{your-port-num}/empty-example' - environment16: ' si estás usando un servidor local)' + environment16: ' if you are using a local server)' environment13: ' en la barra de direcciones de tu navegador para ver tu bosquejo.' your-first-sketch-title: Tu primer bosquejo your-first-sketch-intro1: 'En el ' your-first-sketch-intro2: 'https://editor.p5js.org/' your-first-sketch-intro3: editor web p5.js - your-first-sketch-intro4: ' vas a encontrar el siguiente código:' + your-first-sketch-intro4: ' vas encontrar el siguiente código:' your-first-sketch1: 'Despúes de ' your-first-sketch2: ' incluye esta línea de código: ' your-first-sketch3: 'Ahora tu código debe estar así: ' @@ -164,9 +163,9 @@ get started: La línea que acabas de agreagar dibuja una elipse, con su centro a 50 píxeles del borde izquierdo y 50 píxeles del borde superior del bosquejo, con un ancho y un alto de 80 píxeles. - your-first-sketch5: ¡Presiona play en el editor para ejecutar el código! + your-first-sketch5: ¡En el editor presiona play para ejecutar el código! your-first-sketch6: >- - Si estás utilizando un lector de pantalla, tienes que activar las salidas + Si estas utilizando un lector de pantalla, tienes que activar las salidas accesibles en el editor, fuera del editor tienes que agregar la biblioteca de accesibilidad a tu html. Para aprender más visita el your-first-sketch7: ' tutorial usando p5 con un lector de pantalla' @@ -175,27 +174,27 @@ get started: visualización: your-first-sketch9: canvas tiene un circulo de ancho y alto 50 en la posición 80 x y 80 ye your-first-sketch10: >- - Si no aparece nada, el editor puede estar teniendo problemas entendiendo lo - que escribiste. Si esto sucede, asegúrate de haber copiado el ejemplo de - código tal y como está: los números deben estar separados por comas y - contenidos entre paréntesis, la línea debe terminar con punto y coma, y la - palabra "ellipse" debe estar escrita como en inglés. + Si nada aparece, el editor puede estar teniendo problemas entendiendo lo que + escribiste. Si esto sucede, asegúrate de haber copiado el ejemplo de código + tal y como está: los números deben estar separados por comas y contenidos + entre paréntesis, la línea debe terminar con punto y coma, y la palabra + "ellipse" debe estar escrita como en inglés. your-first-sketch11: >- Una de las cosas más difíciles de comenzar a programar es que debes ser muy - específico con la sintaxis. El navegador no siempre es lo suficientemente + específicx con la sintaxis. El navegador no siempre es lo suficientemente inteligente como para saber lo que quieres decir, y puede ser bastante exigente con respecto a la ubicación de la puntuación. Ya te acostrumbrarás, sólo toma un poco de práctica. En la parte inferior izquierda del editor vas - a encontrar la sección de consola. Aquí, encontrarás mensajes del editor con + encontrar la sección de consola. Aquí, encontrarás mensajes del editor con detalles de cualquier error que se encuentre. your-first-sketch12: >- - Ahora, vamos a crear un bosquejo que es un poco más interesante. Modifica el + Ahora, vamos a crear un bosquejo que es un poco más interesante. Modica el ejemplo anterior para probar lo siguiente: your-first-sketch13: >- Este programa crea un canvas que es de 400 píxeles de ancho y 400 píxeles de alto, y luego empieza a dibujar círculos blancos en la posición del ratón. Cuando algún botón del ratón es presionado, el color del círculo cambia a - negro. Ejecuta el código, mueve el cursor, y haz click para experimentarlo. + negro. Ejecuta el código, mueve el cursor, y has click para experimentarlo. your-first-sketch14: >- canvas tiene múltiples círculos dibujados que siguen los movimientos del cursor @@ -270,12 +269,11 @@ download: support-options: Opciones de apoyo support-1: >- ¡Necesitamos tu ayuda! p5.js es un software gratuito y de código abierto. - Queremos hacer nuestra comunidad lo más abierta e inclusiva posible. Puedes - apoyar nuestro trabajo haciendo una donación a + Queremos hacer nuestra comunidad lo más abierta e inclusiva posible. You + can support this work by making a donation to the support-2: >- - , la organización que soporta p5.js. Tu donación ayudará al desarrollo de - software para p5.js, recursos educativos como ejemplos de código y - tutoriales, + , the organization that supports p5.js. Your donation supports software + development for p5.js, education resources like code examples and tutorials, support-3: becarios support-4: ', y ' support-5: eventos para la comunidad. @@ -340,7 +338,7 @@ download: support-31-alt: '' learn: learn-title: Aprender - teach-title2: Enseñar + teach-title2: Teach learn1: >- Estos tutoriales proveen una revisión en mayor profundidad o paso a paso sobre temas particulares. Revisa la @@ -745,15 +743,11 @@ libraries: Con p5.bots puedes interactuar con Arduino (u otro microprocesador) desde el navegador. Usa los datos de los sensores para controlar tu bosquejo, usa un bosquejo para controlar LEDs, motores, y más. - p5.bezier: A library helps draw high-degree Bézier curves with unlimited points. p5.clickable: 'Biblioteca para crear botones y eventos fácilmente con p5.js. ' p5.cmyk.js: Espacio de color cian-magenta-amarillo-negro. p5.collide2D: >- p5.collide2D provee herramientas para calcular detección de colisiones en geometría 2D con p5.js. - CO2Budget.js: >- - Esta biblioteca abre la idea de la cuenta regresiva de CO2 a las comunidades - creativas de codificadores, diseñadores y artistas asociados con p5*js. p5.createloop: >- Crea ciclos de animaciones con ruido y exporta GIF en una sola línea de código. @@ -762,7 +756,7 @@ libraries: con cualquier número de dimensiones. p5.EasyCam: >- Control de cámara 3D simple con desplazamiento, zoom y rotación inerciales. - Contribuciones importantes por Thomas Diewald. + Major contributions by Thomas Diewald. p5.experience: >- Biblioteca extensa para p5.js que agrega eventos adicionales para crear aplicaciones web basadas en el canvas. @@ -772,7 +766,6 @@ libraries: p5.geolocation: >- p5.geolocation provee técnicas para adquirir, observar, calcular y georeferenciar ubicaciones de usuario para p5.js. - p5.glitch: p5.glitch extiende p5.js para imagenes de glitch y archivos binarios. p5.gibber: >- p5.gibber provee capacidades de secuenciamiento de música y de síntesis de audio. @@ -780,10 +773,6 @@ libraries: grafica.js te permite añadir gráficas 2D simples pero altamente configurables a tus bosquejos de p5.js. p5.gui: p5.gui genera una interfaz gráfica de usuario para tus bosquejos p5. - p5.j5: >- - La completa Johnny-Five.io Nodebots / robótica para Arduino y otros - microcontroladores diseñados para funcionar directamente en el navegador web - con WebSerial o WebUSB. p5.localmessage: >- p5.provee una interfaz simple para enviar mensajes locales de un bosquejo a otro y así dibujar en múltiples ventanas! @@ -795,10 +784,6 @@ libraries: ml5.js: >- ml5.js esta construido sobre TensorFlow.js y provee un acceso amigable a algoritmos de inteligencia artificial y machine learning desde el navegador. - numero: Una biblioteca matemática fácil e intuitiva para p5.js - pdl.library: >- - Un conjunto de funciones y clases para crear diagramas interactivos para - enseñar y aprender fisica. p5.play: >- p5.play provee funciones de sprites, animaciones, entrada y colisión para juegos y aplicaciones afines. @@ -806,16 +791,6 @@ libraries: Los objetos Particle y Fountain pueden ser usados para crear efectos controlados por datos que son definidos a través de estructuras de usuario o entrada JSON y funciones de usuario para dibujar. - p5.party: >- - p5.party es una librería para la facil creación de juegos multiusuario - conectados en red, aplicaciones y bocetos. - p5.Polar: >- - p5.Polar provee abstracciones matematicas haciendo más facil crear hermosos, - calidoscópicos, patrones radiales. - react-p5: >- - Esta libreria te permite integrar bocetos de p5 dentro de tu aplicación de - React. - p5.recorder: Graba el canvas del boceto y audio. p5.Riso: p5.Riso.js es una biblioteca para impresión de Risograph. rita.js: >- RiTa.js provee un conjunto de objetos de procesamiento de lenguaje natural @@ -832,31 +807,23 @@ libraries: p5.scribble: >- Dibujar primitivas 2D con una apariencia poco acabada. Creada por Janneck Wullschleger, basada en un puerto de la biblioteca original de Processing. - p5.serialport: >- - p5.serial habilita la comunicación serial entre dispositivos que soporten - serial (RS-232) y a los bocetos p5 correr en el navegador. + p5.serial: >- + p5.serial permite la comunicación serial entre dispositivos que soportan + serial (RS-232) y bosquejos p5 corriendo en el navegador. Shape5: >- - Shape5 es una libreria primitiva de graficos 2D para estudiante de primaria - quienes estan aprendiendo a programar por primera vez. + Shape5 is a 2D primative library for elementary students who are learning to + code for the first time. p5.shape.js: Una biblioteca creada para agregar formas más simples al marco p5.js. - P5.slides: p5.slide es una plataforma de presentaciones escrito en p5.js. - p5snap: >- - p5snap es una interfaz de linea de comandos que crea y guarda capturas de un - boceto de p5 en un intervalo. p5.speech: >- p5.speech provee acceso simple y claro a las APIs de Habla Web y Detección de Habla, permitiendo la creación de bosquejos sencillos que pueden hablar y escuchar. p5.start2d.js: >- - Extensión para p5 para crear gráficos 2D estáticos usnado px, mm, cm o - pulgadas. + extensión para p5 para crear gráficos 2D estáticos usnado px, mm, cm or + inches p5.tiledmap: >- - p5.tilemap provee funciones de dibujo y de ayuda para incluir mapas en tus - bocetos. - TiledPlay: >- - Un libreria pequeña para conectar la funcionalidad de p5.js, p5.play, y - p5.tiled.js para facilmente crear juegos de plataformas 2d utilizando - JavaScript. + p5.tiledmap provides drawing and helper functions to include maps in your + sketches. p5.touchgui: >- Una biblioteca de interfaz gráfica de usuario (GUI) multi-tacto y para el ratón. @@ -864,80 +831,14 @@ libraries: Tramontana es una platforma para utilizar múltiples dispositos (iOS, Android, tramontana Board, ...) para crear ambientes interactivos o prototipar experiencias a escala. - TurtleGFX: >- - TurtleGFX permite codificar con Turtle Graphics en JavaScript. Excelente - para la educación y la codificación creativa. - p5.tween: >- - Con p5.tween puede crear facilmente animaciones como interpolación para tus - objetos y formas. vida: >- Vida es una biblioteca simple que agrega detección de movimiento utilizando la camara y la función de seguimiento blob a p5js. p5.voronoi: >- p5.voronoi brinda un conjunto de herramientas para dibujar y utilizar diagramas voronoi en tus bosquejos de p5.js. - p5.wasm: >- - p5.wasm es una libreria complemento escrita en Rust y compilada para - WebAssembly que implementa funciones comunes encontradas en p5.js. p5.xr: Una biblioteca para crear bocetos VR y AR con p5. p5.3D: 'Texto 3D e imágenes en WebGL. ' - WEBMIDI.js: Envia y recibe facilmente mensaje MIDI de p5. - p5.buttons: Una libreria que pretende simplificar el scripting de botones. - p5.button: >- - Pequeña libreria funcional para diseñar y renderizar simples y estilizados - botones directamente en un canvas de p5.js. - p5.math.js: >- - Las operaciones matemáticas de JavaScript han sido convertidas a simple - lenguaje humano, así que ellos podrán entenderlas realmente rápido. - p5LiveMedia: 'Audio, video, canvas e intercambio de datos en tiempo real.' - P5.Create: >- - p5.create es una biblioteca que proporciona funciones de guardado, - animación, colisión y etiquetado diseñadas para la creación eficiente de - juegos. - p5.quadrille.js: librería p5.js quadrille. - p5.animS: p5.animS anima forma de p5.js renderizando sus procesos de dibujado. - I_AM_UI: Una biblioteca de interfaz de usuario. - simple.js: >- - Funciones de ayuda y valores predeterminados para nuevos y jovenes - programadores. - p5.timer: >- - Este libreria ejecuta funciones de cronometraje asincronas como cuentas - atrás, temporizadores de un solo disparo, el % del tiempo transcurrido y - encapsula la función millis() y otras cálculos relacionados que - frecuentemente obstruyen tu código. - c2.js: >- - c2.js es una libreria de JavaScript para programación creativa basada en - geometría computacional, simulación de física, algoritmos evolutivos y otros - modulos. - Concave Hull: Cálcula un Concave Hull desde un conjunto de puntos en un espacio 2D. - p5.joystick: Conéctate y juega con joysticks físicos. - p5.webserial: >- - Una libreria para interactuar con dispositivos seriales desde dentro del - navegador, basado en la API de Web Serial (disponible en Chrome y Edge). - p5.pattern: Una libreria de patrones de dibujo para p5.js. - p5.jacdac: Plug-and-play micro-controladores para p5js. - p5.PatGrad: p5.PatGrad te permite agregar patrones y gradiantes a tus bocetos. - p5.projection: Facil mapeado de proyección de bocetos en superficies del mundo real. - p5.Framebuffer: >- - Un canvas fuera de la pantalla para WebGL, dando acceso a datos profundos - para efectos de niebla y difuminado. - p5.capture: >- - p5.capture provee un GUI simple para grabar facilmente animaciones de p5.js - y archivos de salida de video en varios formatos (webm, gif, mp4, png, jpg, - y webp). - p5.input: Añade más soporte clave para p5.js. - p5.web-serial: >- - Una libreria de p5js para usar la API de Web Serial para acceder a - dispositivos como Arduino, configuración no requerida. - p5.wasm.core: Un nucleo de web assembly para p5.js. - p5.videorecorder: Graba tu canvas como un archivo de video con audio. - p5.mapper: >- - p5.mapper es una libreria de mapeo de proyección para p5.js. Esta libreria - hace facil programar y proyectar bocetos interactivos y algorítmicos. - p5.teach: >- - Una libreria de animación matematica para p5.js, amigable para novatos. - Creada con la tutoría de Nick McIntyre and Jithin KS. - p5.fab: p5.fab controla la maquina de fabricación digital desde p5.js. using-a-library-title: Usando una biblioteca using-a-library1: >- Una biblioteca p5.js puede ser cualquier código p5.js que extiende o añade a @@ -1665,400 +1566,366 @@ showcase: project-a-5-1-moon: 'Echa un vistazo a ' project-a-5-2-moon: ' en Milán, Italia.' teach: - teach-title2: Enseñar + teach-title2: Teach teach-intro1: >- - Cada enseñanza tiene sus propios objetivos, mensajes, condiciones y - entornos. + Every teaching has its own unique goals, messages, conditions, and + environments. teach-intro2: >- - Al documentar y compartir talleres, clases y materiales de p5, esperamos - conectar mejor las comunidades de estudiantes y educadores de p5.js de todo - el mundo. - teach-intro3: Compartir o recomendar - teach-intro4: 'tus propias experiencias de enseñanza, también!' - teach-heading: p5 Recursos Didácticos - teach-search-filter: Filtro de Búsqueda + By documenting and sharing p5 workshops, classes, and materials, we hope to + better connect the p5.js learner and educator communities around the world. + teach-intro3: Share or recommend + teach-intro4: 'your own teaching experiences, too!' + teach-heading: p5 Teaching Resources + teach-search-filter: Search Filter teach-filter1: 'Diversity & Inclusion : ' - teach-filter1-label1: Género - teach-filter1-label2: Raza y Etnia - teach-filter1-label3: Idioma - teach-filter1-label4: Neurotipo - teach-filter1-label5: Habilidad - teach-filter1-label6: Clase - teach-filter1-label7: Religión - teach-filter1-label8: (Sub-)Cultura - teach-filter1-label9: Opinión Política - teach-filter1-label10: Edad - teach-filter1-label11: Nivel de Haibilidad - teach-filter1-label12: Occupación + teach-filter1-label1: Gender + teach-filter1-label2: Race & Ethnicity + teach-filter1-label3: Language + teach-filter1-label4: Neuro-Type + teach-filter1-label5: Ability + teach-filter1-label6: Class + teach-filter1-label7: Religion + teach-filter1-label8: (Sub-)Culture + teach-filter1-label9: Political Opinion + teach-filter1-label10: Age + teach-filter1-label11: Skill Level + teach-filter1-label12: Occupation teach-filter1-label13: '#noCodeSnobs' teach-filter1-label14: '#newKidLove' teach-filter1-label15: '#unassumeCore' teach-filter1-label16: '#BlackLivesMatter' teach-filter2: 'Venue : ' - teach-filter2-label1: África + teach-filter2-label1: Africa teach-filter2-label2: Asia teach-filter2-label3: Europe - teach-filter2-label4: América del Norte - teach-filter2-label5: Oceanía - teach-filter2-label6: América del Sur + teach-filter2-label4: North America + teach-filter2-label5: Oceania + teach-filter2-label6: South America teach-filter2-label7: 'Virtual-Online ' teach-filter3: 'Year : ' teach-filter4: 'Level of Difficulty : ' - teach-filter4-label1: Primaria - teach-filter4-label2: Intermedio - teach-filter4-label3: Advanzado - teach-case-subtitle1: Lugar y fecha - teach-case-subtitle2: Participantes - teach-case-subtitle3: Nivel de Dificultad - teach-case-subtitle4: Metas - teach-case-subtitle5: Método y Materiales - teach-case1-title: p5.js at Ubuntu Party! - teach-case1-lead-name: Basile Pesin - teach-case1-content1: '2020 Ubuntu Party, ' - teach-case1-content1-1: 'Cité des Sciences et de l''Industrie, Paris, France' - teach-case1-content2: 'Cualquier edad, incluyendo niños y padres, jóvenes y adultos mayores.' - teach-case1-content3: Avanzado - teach-case1-content4: >- - Para introducir a un nuevo público en la programación a través de divertidos - ejemplos. - teach-case1-content5: >- - Method: taller presencial, 1 hora por sesión, con un participante diferente - cada vez. Los estudiantes utilizaron máquinas (Ubuntu) con el editor web - p5.js p5.js. Yo enseñaba usando un proyector de video además de una pizarra. - teach-case1-content5-1: >- - Materials: Los ejercicios que di fueron accesibles a través de los enlaces - del editor web p5.js, disponibles en - teach-case2-title: >- - Making The Thing that Makes the Thing: Explorando el arte y el diseño - generativo con p5.js - teach-case2-lead-name: Priti Pandurangan y Ajith Ranka - teach-case2-image-alt: >- - Un grupo de participantes colaborando para crear algunos diseños utilizando - el editor web p5.js en sus ordenadores portátiles. - teach-case2-content1: 'Instituto Nacional de Diseño, Bangalore' - teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' - teach-case2-content2: >- - Entre los participantes se encontraban estudiantes y profesionales del - arte/diseño, creativos entusiastas de la codificación. Tuvimos cerca de 50 - participantes. - teach-case2-content3: 'Priti: Intermedio y Ajith: Avanzado' - teach-case2-content4: >- - To explore generative art & design and recreate some classical works - with p5.js. - teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case2-content5-1: '' - teach-case2-content5-2: 'Course page ' - teach-case2-content5-3: 'linking to sketches on the p5 editor, ' - teach-case2-content5-4: 'interactive reference guide ' - teach-case2-content5-5: to p5 basics - teach-case3-title: CC Fest (Creative Coding Festival) - teach-case3-lead-name: Saber - teach-case3-speech: >- - Me encanta p5.js. Ha significado mucho para mí, mis estudiantes y esta - comunidad. - teach-case3-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case3-content1-1: ' Dos veces al año en Nueva York durante cuatro años; una vez al año en Los Ángeles durante tres años; una vez al año en SF durante dos años; ahora virtual' - teach-case3-content2: >- - Entre los participantes se encontraban estudiantes y profesionales del - arte/diseño, creativos entusiastas de la codificación. Tuvimos cerca de 50 - participantes. - teach-case3-content3: Intermedio - teach-case3-content4: >- - Construir una comunidad de profesores y estudiantes en torno a p5 para la - escuela secundaria. - teach-case3-content5: >- - Medio día de taller dirigido por profesores voluntarios. Vimos un montón de - diferentes métodos y materiales. La mayoría utilizó algún tipo de - diapositivas o documentación, algunos codificación en vivo utilizando un - editor, con tiempo de trabajo para que los participantes remezclen. - teach-case3-content5-1: Página de lecciones del CC Fest - teach-case3-content5-2: ' para el material didáctico' - teach-case3-content5-3: Más fotos - teach-case4-title: Taller Introducción a la Programación Creativa con p5.js - teach-case4-lead-name: Aarón Montoya-Moraga - teach-case4-image-alt: >- - Un grupo de 20 personas sentadas en una gran mesa compartida con sus - ordenadores portátiles mirando una pantalla proyectada. - teach-case4-speech: 'p5.js es mi lugar feliz ' - teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case4-content1-1: ' 2018 14 de noviembre, 3 horas' - teach-case4-content2: >- - Tuve unos 16 alumnos en el taller, y un equipo que incluía 3 personas de el - festival PlusCode, y una persona del lugar. - teach-case4-content3: 'Primaria, Intermedio, Avanzado' - teach-case4-content4: >- - Introducción a principiantes y artistas de la programación web gráfica y - open source, usando p5.js, en español :) - teach-case4-content5: 'Utilicé el material de este ' - teach-case4-content5-1: GitHub repo - teach-case4-content5-2: >- - , utilizamos el editor web p5.js, tuvimos un taller de tres horas de - duración - teach-case4-content5-3: '+CODE festival de arte electrónico 2018, Argentina' - teach-case4-content5-4: ', Medio' - teach-case5-title: Introducción al dibujo generativo - teach-case5-lead-name: Adam Herst - teach-case5-speech: >- - Mi mayor fuente de incertidumbre al desarrollar el taller fue si intentaba - enseñar arte a los programadores o enseñar programación a los artistas. - teach-case5-content1: Inter/acceso - teach-case5-content1-1: ' (centro gestionado por artistas), Toronto, Ontario, Canada' - teach-case5-content1-2: >- - En persona con un cuaderno de trabajo autodidacta para el trabajo a - distancia - teach-case5-content1-3: ' 2020 Febrero 12, 7PM-9PM' - teach-case5-content2: 15 artistas - teach-case5-content3: Primaria - teach-case5-content4: >- - Presentar p5.js a artistas con poca o ninguna experiencia en programación y - sugerir una forma en que una práctica analógica puede migrar a una forma - digital. - teach-case5-content5: >- - Un cuaderno de trabajo impreso con actividades que utilizan el editor web - p5.js para mostrar cómo traducir un dibujo físico en un dibujo digital. - teach-case5-content5-1: 'Día de la Comunidad de Procesamiento 2019: Dibujo Generativo en Inter/Access' - teach-case5-content5-2: Introducción al dibujo generativo Carta PDF - teach-case5-content5-3: Folleto de introducción al dibujo generativo PDF - teach-case6-title: 'Conferencia abierta, Codificación creativa: 2020' - teach-case6-lead-name: Shunsuke Takawo - teach-case6-image-alt: >- - Una mesa en la que hay un ordenador portátil, algunas hojas de papel, - bolígrafos de colores y dos máquinas automáticas que dibujan algo con un - bolígrafo en una hoja. - teach-case6-speech: >- - Me encanta p5.js porque es muy fácil leer y escribir código en p5.js. - Escribir código en tu día a día! - teach-case6-content1: ' Universidad de Arte y Diseño de Kioto, Kioto, Japón & Virtual-Online ' - teach-case6-content1-1: ' 2020 Marzo 16-18, 1-7 PM' - teach-case6-content2: >- - Estudiantes de la Universidad de Arte y Diseño de Kioto, y cualquier - persona. - teach-case6-content3: Primaria - teach-case6-content4: Creando código como herramienta de expresión artística. - teach-case6-content5: 'Dropbox Paper, editor web p5.js.' - teach-case6-content5-1: Programa de estudios - teach-case6-content5-2: Día 1 - teach-case6-content5-3: Día 2 - teach-case6-content5-4: Día 3 - teach-case6-content5-5: ', YouTube' - teach-case7-title: Codificación creativa para gráficos estáticos - teach-case7-lead-name: Shunsuke Takawo - teach-case7-speech: >- - Codificar en p5.js es muy divertido. ¡Si aún no has empezado, te animo a a - que lo pruebes! - teach-case7-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case7-content1-1: ' 2019 15 de septiembre, 4-7 PM ' - teach-case7-content2: Cualquiera que quiera intentar codificar en p5.js. - teach-case7-content3: Intermedio - teach-case7-content4: A Programar desde la perspectiva del diseño gráfico. - teach-case7-content5: 'Dropbox Paper, editor web p5.js.' - teach-case7-content5-1: Plan de estudios y material - teach-case8-title: Tipografía Generativa - teach-case8-lead-name: Dae In Chung - teach-case8-image-alt: >- - Una imagen con fondo negro que muestra la letra 'b' en 5 estilos diferentes - junto con un menú con varias opciones de estilo para elegir. - teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case8-content1-1: ' 2019 21 de enero - 08 de mayo, todos los miércoles, de 16 a 22 horas' - teach-case8-content2: >- - 14 estudiantes de grado y posgrado con poca o ninguna experiencia en - codificación. - teach-case8-content3: Primaria - teach-case8-content4: >- - Experimentar con las formas y estructuras tipográficas a través de la - computación. - teach-case8-content5: 'Métodos: clases y críticas online/offline.' - teach-case8-content5-1: 'Materiales: editor online p5js, Github, tutoriales de youtube.' - teach-case8-content5-2: Trabajos de los participantes - teach-case9-title: Aprendizaje automático para la web - teach-case9-lead-name: Yining Shi - teach-case9-image-alt: >- - Un grupo de 16 personas sentadas alrededor de mesas con sus ordenadores - portátiles, teléfonos móviles y algunos otros accesorios, mirando hacia una - gran pantalla de televisión. - teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case9-content1-1: '2019 Marzo 09 - Octubre 12, todos los martes, 6:30-9:00 PM' - teach-case9-content2: >- - Estudiantes del Programa de Telecomunicaciones Interactivas de la - Universidad de Nueva York. 16 personas. - teach-case9-content3: 'Primaria, Intermedio' - teach-case9-content4: >- - El objetivo de esta clase es aprender y comprender técnicas comunes de - aprendizaje automático y aplicarlas para generar resultados creativos en el - navegador utilizando ml5.js y p5.js. - teach-case9-content5: >- - Esta clase es una mezcla de conferencias, sesiones de codificación, - discusiones de grupo y presentaciones. He utilizado - teach-case9-content5-1: GitHub - teach-case9-content5-2: ' para alojar el programa de la clase y todo el material de codificación, Google Slides para las clases y el editor web p5.js para las sesiones de codificación en directo. Todas las semanas, había horas de oficina individuales para hablar de cualquier dificultad para llegar a una idea para la tarea o cualquier cambio de codificación". teach-case9-content5-3: ' - teach-case9-content5-3: 'Methods: online/offline lectures and critiques.' - teach-case10-title: Introducción a p5.js y JavaScript - teach-case10-lead-name: Nico Reski - teach-case10-content1: ' Actualmente está disponible como autoaprendizaje a su propio ritmo con diapositivas adjuntas, enlazadas a continuación.' - teach-case10-content3: 'Principiante, Primaria' - teach-case10-content4: >- - Introducir a los alumnos (potencialmente sin experiencia en codificación) en - los a los fundamentos de p5.js (y JavaScript), con el fin de fomentar la - codificación creativa y permitirles realizar sus propios proyectos en un - entorno seguro. - teach-case10-content5: >- - Código fuente de p5.js (para el proyecto introductorio), código fuente de - JavaScript (que ilustra algunas funcionalidades básicas de JavaScript), - diapositivas adjuntas en .pdf, todo ello alojado públicamente en GitHub. - teach-case10-content5-1: Resumen - teach-case10-content5-2: ' del taller y sus contenidos (incluyendo todos los enlaces al material alojado en GitHub) en mi página web académica.' - teach-case11-title: Serie de talleres de tejido digital y computación física - teach-case11-lead-name: Qianqian Ye y Evelyn Masso - teach-case11-image-alt: >- - Esta imagen está dividida en dos partes. La parte izquierda muestra a un - grupo de 15 mujeres sentadas en sillas con sus ordenadores portátiles y - mirando a un presentador que está explicando un código en una pantalla - proyectada. La parte derecha de la imagen muestra a una persona aprendiendo - a tejer utilizando un patrón físico y una herramienta de tejido. - teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Ángeles, CA, US' - teach-case11-content1-1: ' 2019 19 de octubre - 02 de noviembre, todos los sábados 3-6 PM' - teach-case11-content2: '15 mujeres y artistas no binarios, diseñadores, creadores, programadores. ' - teach-case11-content3: Primaria - teach-case11-content4: >- - A lo largo de tres talleres, dibujaremos y crearemos patrones utilizando - p5.js, una biblioteca gráfica de código abierto; aprenderemos y aplicaremos - conceptos computacionales para transformar patrones y, por último, daremos - vida a un tejido con microcontroladores electrónicos. - teach-case11-content5: 'Métodos: sesión en pequeños equipos' - teach-case11-content5-1: >- - Materials: diapositivas, editor web p5.js, lápiz y papel para dibujar el - patrón, herramienta de herramienta de tejido de patrones. - teach-case11-content5-2: 'Taller de diapositivas #1' - teach-case11-content5-3: 'Taller de diapositivas #2' - teach-case11-content5-4: Información sobre el taller - teach-case11-content5-5: ' en el sitio web del CMCA.' - teach-case12-title: Signing Coders - teach-case12-lead-name: Taeyoon Choi - teach-case12-image-alt: >- - Dos voluntarios explican conceptos utilizando una pizarra blanca y una - pantalla a un grupo de estudiantes sordos y con dificultades auditivas, cada - uno de ellos frente a una pantalla ordenador. - teach-case12-speech: >- - Estoy trabajando en una nueva serie de clases de codificación para - estudiantes discapacitados en Corea del Sur. Estoy investigando sobre la - pedagogía y la traducción. Tengo previsto celebrar talleres en diciembre de - 2020. El proyecto cuenta con el apoyo de la Iniciativa de Derechos Humanos - de la Open Society Foundation y el Centro de Arte y Cultura de la - Discapacidad de Corea del Sur. - teach-case12-content1: ' WRIC, Nueva York, EE.UU. y Museo de Arte de Seúl, Seúl, Corea del Sur.' - teach-case12-content1-1: '5 sesiones, cada una de 2~3 horas' - teach-case12-content2: >- - Estudiantes sordos o con dificultades auditivas de 10 a 50 años que vivan en - Nueva York. - teach-case12-content3: Primaria - teach-case12-content4: >- - Ayudar a los estudiantes sordos y con dificultades auditivas a aprender - sobre programación informática a través de ejercicios lúdicos. Hacer un - tutorial en ASL de conceptos básicos de codificación. - teach-case12-content5: >- - We used p5.js Web editor and code examples on the website. We also used - dice, playing cards and various paper tools to help students learn about - coding concepts. - teach-case12-content5-1: Syllabus & Material - teach-case12-content5-2: More photos - teach-case13-title: Painting with Code - teach-case13-lead-name: Andreas Refsgaard - teach-case13-speech: >- - I'm working on a new series of coding class for Disabled students in South - Korea. I'm researching about the pedagogy and translation. I plan to hold - workshops in December 2020. The project is supported by the Open Society - Foundation Human Rights Initiative and Korea Disability Arts & Culture - Center. - teach-case13-content1: ' Copenhagen, Denmark' - teach-case13-content1-1: 2020 February 22 - teach-case13-content2: A wide range of people. - teach-case13-content3: Intermediate + teach-filter4-label1: Elementary + teach-filter4-label2: Intermediate + teach-filter4-label3: Advanced + teach-case-subtitle1: Venue & Date + teach-case-subtitle2: Participants + teach-case-subtitle3: Level of Difficulty + teach-case-subtitle4: Goals + teach-case-subtitle5: Method & Materials + teach-case1-title: Introduction to Video Game Programming in High School with p5.js + teach-case1-lead-name: Emanuele Bolognesi + teach-case1-image-alt: A group photo of 25 students with their teacher + teach-case1-content1: '📍 High School Russell-Newton, Scandicci (FI), Italy. ' + teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content2: 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys + teach-case1-content3: ' Elementary' + teach-case1-content4: Introduce 10th grade students to simple video game programming using javascript and p5.js + teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5-1: The + teach-case1-content5-2: works + teach-case1-content5-3: of the students + teach-case2-title: Fractal implementations + teach-case2-lead-name: Mariana + teach-case2-content1: 'Mars' + teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content2: 15 + teach-case2-content3: ' Advanced' + teach-case2-content4: Introduce the theme of fractals and use p5js to implement them + teach-case2-content5: 'Just ' + teach-case3-title: Introduction to Computational Media with p5.js + teach-case3-lead-name: Barry Voeten + teach-case3-content1: 'school' + teach-case3-content1-1: 'entire course' + teach-case3-content2: Dutch school kids, age 14-15 + teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content4: education + teach-case3-content5: 'Syllabus' + teach-case4-title: Calculadora de IMC + teach-case4-lead-name: Dayana + teach-case4-content1: 'Youtube' + teach-case4-content1-1: '00h: 30min' + teach-case4-content2: Inscritos no canal do youtube, houveram 18 vizializações. + teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. + teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case5-title: Taller de Creative Coding + teach-case5-lead-name: Federico Santana + teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online + teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' + teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content2: Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. + teach-case5-content3: ' Elementary' + teach-case5-content4: Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto. + teach-case5-content5: 'Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:' + teach-case6-title: '50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩‍👧‍👦)' + teach-case6-lead-name: Inhwa Yeom + teach-case6-image-alt: In-class photo + teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' + teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content2: People who identify themselves as older adults (average age = 62.54), and their companions of all ages. + teach-case6-content3: ' Elementary' + teach-case6-content4: p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ + teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case7-title: Introduction to p5js + teach-case7-lead-name: Bérenger Recoules a.k.a b2renger + teach-case7-image-alt: example picture + teach-case7-content1: L'École de Design Nantes Atlantique - France + teach-case7-content1-1: from 2018 and ongoing + teach-case7-content2: Students from l'école de design Nantes Atlantique + teach-case7-content3: ' Elementary' + teach-case7-content4: get to know p5js and its functionalities (dom, audio, webgl etc.) + teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case8-title: I am starting a new one - + teach-case8-lead-name: Brinder Soin + teach-case8-content1: 'New Jersey' + teach-case8-content1-1: '12/28 - 12/30' + teach-case8-content2: About 100 students from grades 7, 8 and 9 from various schools and locations. + teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content4: Keeping children safe and learning in the time of covid and promote STEM education + teach-case8-content5: 'Teacher created notes and worksheets and IDE p5 web editor' + teach-case9-title: Programación Aplicada al Arte Visual e Interactivo + teach-case9-lead-name: Sebastián Zavatarelli + teach-case9-image-alt: A zoom class sharing p5.js web editor + teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' + teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. + teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content4: El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido. + teach-case9-content5: 'p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle' + teach-case10-title: Painting with Code + teach-case10-lead-name: Andreas Refsgaard + teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1-1: '22/02/2020' + teach-case10-content2: Participants were people . A wide range of people from + teach-case10-content3: ' Intermediate' + teach-case10-content4: Get creatives, designers, artists and other people who don't typically use code introduced to p5.js + teach-case10-content5: 'Website, p5.js editor' + teach-case11-title: Signing Coders + teach-case11-lead-name: Taeyoon Choi + teach-case11-content1: 'BRIC, New York City. USA + Seoul Museum of Art, Seoul, South Korea.' + teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case11-content3: ' Elementary' + teach-case11-content4: To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case11-content5: 'We used p5.js Web editor and code examples on the website. + We also used dice, playing cards and various paper tools to help students learn about coding concepts. ' + teach-case12-title: Digital Weaving & Physical Computing Workshop Series + teach-case12-lead-name: Qianqian Ye + teach-case12-image-alt: In-class photo + teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' + teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' + teach-case12-content2: 15 women and non-binary artists, designer, makers, programers. + teach-case12-content3: ' Elementary' + teach-case12-content4: Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers. + teach-case12-content5: 'Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool + Methods: small team session' + teach-case12-content5-1: "Slides we used for the workshop:" + teach-case13-title: p5.js à l'Ubuntu Party! + teach-case13-lead-name: Basile Pesin + teach-case13-content1: '2020 Ubuntu Party ' + teach-case13-content1-1: Cité des Sciences et de l''Industrie, Paris, France + teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content3: Advanced teach-case13-content4: >- - Get creatives, designers, artists and other people who don't typically use - code introduced to p5.js. - teach-case13-content5: 'Website, p5.js editor.' - teach-case13-content5-1: Material - teach-case14-title: Smarter Home - teach-case14-lead-name: Lauren McCarthy - teach-case14-speech: >- - The Smarter Home / 더 똑똑한 집 American Arts Incubator Workshop reimagines smart - homes of the future. - teach-case14-content1: ' Gwangju Cultural Foundation(GJCF), Gwangju, South Korea' - teach-case14-content1-1: 2020 April 19 - May 11 - teach-case14-content1-2: ZERO1 American Art Incubator(AAI) - teach-case14-content2: 16 people (resident of Gwangju or surrounding areas) - teach-case14-content3: Elementary & Intermediate + To introduce a new public to programming through fun and compelling + examples. + teach-case13-content5: >- + Method: in-person workshop, 1 hour per session, with different participant + each times. The students were using (Ubuntu) machines with the p5.js web + editor. I was teaching using a video projector as well as a board. + teach-case13-content5-1: >- + Materials: The exercises I gave where accessible through p5.js web-editor + links available in + teach-case14-title: >- + Making The Thing that Makes the Thing: Exploring Generative Art & Design + with p5.js + teach-case14-lead-name: Priti Pandurangan & Ajith Ranka + teach-case14-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. + teach-case14-content1: 'National Institute of Design, Bangalore' + teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content2: >- + Our participants included art/design students & professionals, creative + coding enthusiasts. We had close to 50 participants. + teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' teach-case14-content4: >- - To reimagine smart homes of the future, with such technologies as p5.js and - ml5.js. Spending a lot of time talking about the increasing role technology - is playing at home and in Korean society, the workshop aimed to offer a - vision of a smarter home driven by the participants' critical optimism for - the future. - teach-case14-content5: 'p5.js, p5 web editor, ml5.js, and installations. ' - teach-case14-content5-1: >- - 1) We set out to prototype the concept of a “smarter home”, trying to bring - technology into personal space on our own terms. - teach-case14-content5-2: >- - 2) Breaking into four teams, each selected an issue to address through a - room they would create within our larger home structure. - teach-case14-content5-3: >- - 3) We incorporated machine learning, audio processing, and computer vision - techniques to track and respond to the presence of people. - teach-case14-content5-4: >- - 4) Together, these works make one installation, comprised of four - interconnected smart rooms that each provoke discussion. - teach-case14-content5-5: More pictures - teach-case15-title: Introduction to p5js - teach-case15-lead-name: Bérenger Recoules (a.k.a b2renger) - teach-case15-content1: 'L''École de Design Nantes Atlantique, France' - teach-case15-content1-1: Since 2018 and ongoing - teach-case15-content2: Students from l'école de design Nantes Atlantique' - teach-case15-content3: Elementary - teach-case15-content4: 'To get to know p5.js and its functionalities (DOM, audio, WebGL, etc.) ' - teach-case15-content5: GitHub Readme File - teach-case15-content5-1: ' : a text tutorial in French' - teach-case16-title: "50+ Coding Club : My First Code Art with Handy(\U0001F590) and Family" - teach-case16-lead-name: Inhwa Yeom - teach-case16-speech: >- - This workshop was conducted in line with 'p5 for 50+' project, with supports - from 2020 Processing Foundation fellowship program and Asia Culture Center - (ACC). - teach-case16-content1: ' Asia Culture Center(ACC), Gwangju. Virtual & Online' - teach-case16-content1-1: >- - (In-Person) 2020 November 20 - 28, every Friday and Saturday; - (Virtual-Online) Anytime from 2020 December on via YouTube videos - teach-case16-content2: '8 people, composed of 6 older adults and their children' - teach-case16-content2-1: 1) Those who define themselves as older adults (age around 50 and older) - teach-case16-content2-2: '2) People from any age groups who accompany a person of 1) ' - teach-case16-content3: Elementary + To explore generative art & design and recreate some classical works + with p5.js. + teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' + teach-case14-content5-1: 'Materials: ' + teach-case14-content5-2: 'course page ' + teach-case14-content5-3: 'linking to sketches on the p5 editor, ' + teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5-5: to p5 basics + teach-case15-title: CC Fest (Creative Coding Festival) + teach-case15-lead-name: Saber + teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' + teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' + teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-content2: >- + Our participants included art/design students & professionals, creative + coding enthusiasts. We had close to 50 participants. + teach-case15-content3: Intermediate + teach-case15-content4: >- + To build a teacher and student community around p5 for middle and high + school. + teach-case15-content5: >- + A half-day of workshop led by volunteer teachers. We saw lots of different + methods and materials. Most used some sort of slides or documentation, some + live coding using an editor, with work time for participant to remix. + teach-case15-content5-1: CC Fest Lessons page + teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-3: More photos + teach-case16-title: Taller Introducción a la Programación Creativa con p5.js + teach-case16-lead-name: Aarón Montoya-Moraga + teach-case16-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. + teach-case16-speech: 'p5.js is my happy place ' + teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' + teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-content2: >- + I had around 16 students in the workshop, and a team including 3 people from + the PlusCode festival, and one person at the venue. + teach-case16-content3: 'Elementary, Intermediate, Advanced' teach-case16-content4: >- - Addressing the digital literacy and rights of age 50+ population in a - non-English-speaking country, this workshop aimed to lower their physical, - lingual, and emotional barriers to learning coding with smartphone-based - p5.js editor. - teach-case16-content5: p5for50+ web app - teach-case16-content5-1: >- - a smartphone-based web app, with p5.js web editor embedded in it. Created - with the editor, the participants' p5 sketches were printed out and framed - on-site, and distributed as their materialized outcomes. - teach-case16-content5-2: Curriculum - teach-case16-content5-3: YouTube - teach-case16-content5-4: More pictures - teach-case17-title: Programming Applied to Visual and Interactive Art - teach-case17-lead-name: Sebastián Zavatarelli + Introduction to beginners and artists of graphic web programming and open + source, using p5.js, in Spanish :) + teach-case16-content5: 'I used the material on this ' + teach-case16-content5-1: GitHub repo + teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' + teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' + teach-case16-content5-4: ', Medium' + teach-case17-title: Introduction to Generative Drawing + teach-case17-lead-name: Adam Herst teach-case17-speech: >- - The course is part of the extension courses on the trans-departmental area - of multimedia arts of National University of the Arts in Argentina. - teach-case17-content1: ' Buenos Aires, Argentina. Virtual & Online' - teach-case17-content1-1: '2020 September 15 - October 14 every Wednesday 6:30-9:00 PM' - teach-case17-content2: Around 10 people. Mostly women. - teach-case17-content3: Elementary & Intermediate + My greatest source of uncertainty in developing the workshop was whether it + was trying to teach art to programmers or to teach programming to artists. + teach-case17-content1: Inter/Access + teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-2: In-person with a self-paced workbook for remote work + teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content2: 15 artists + teach-case17-content3: Elementary teach-case17-content4: >- - The course is intended for artists who want to start using current - technological tools for the development of their works. It can also be used - by those who want to get started in computer programming through a simple, - visual, accessible and fun programming environment. + To introduce p5.js to artists with little or no programming experience and + to suggest one way an analogue practice can migrate to a digital form. teach-case17-content5: >- - p5.js web editor. Online through Zoom platform and material uploaded in - Moodle. - teach-case17-content5-1: More pictures + A printed workbook with activities that used the p5.js web editor to show + how translate an physical drawing into a digital drawing. + teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-2: Introduction to Generative Drawing Letter PDF + teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF + teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-lead-name: Shunsuke Takawo + teach-case18-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. + teach-case18-speech: >- + I love p5.js because it's so easy to read and write code in p5.js. Coding in + your everyday life! + teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' + teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' + teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content3: Elementary + teach-case18-content4: Making code as a tool for artistic expression. + teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5-1: Syllabus + teach-case18-content5-2: Day 1 + teach-case18-content5-3: Day 2 + teach-case18-content5-4: Day 3 + teach-case18-content5-5: ', YouTube' + teach-case19-title: Creative Coding for Static Graphics + teach-case19-lead-name: Shunsuke Takawo + teach-case19-speech: >- + Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you + to give it a try! + teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' + teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content2: Anyone who wants to try coding in p5.js. + teach-case19-content3: Intermediate + teach-case19-content4: To code from the graphic design's perspective. + teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5-1: Syllabus & Material + teach-case20-title: Generative Typography + teach-case20-lead-name: Dae In Chung + teach-case20-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. + teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' + teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. + teach-case20-content3: Elementary + teach-case20-content4: Experiment with typographic forms and structures through computation. + teach-case20-content5: 'Methods: online/offline lectures and critiques.' + teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5-2: Works of participants + teach-case21-title: Machine Learning for the Web + teach-case21-lead-name: Yining Shi + teach-case21-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. + teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' + teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content2: >- + Students at Interactive Telecommunications Program, New York University. 16 + people. + teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content4: >- + The goal of this class is to learn and understand common machine learning + techniques and apply them to generate creative outputs in the browser using + ml5.js and p5.js. + teach-case21-content5: >- + This class is a mix of lectures, coding sessions, group discussions, and + presentations. I used + teach-case21-content5-1: GitHub + teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' + teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case22-title: Introduction to p5.js and JavaScript + teach-case22-lead-name: Nico Reski + teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' + teach-case22-content3: 'Beginner, Elementary' + teach-case22-content4: >- + Introduce learners (potentially with no coding experiences at all) to the + very basics of p5.js (and JavaScript), in order to encourage creative coding + and enable them to pursue own projects in a safe environment. + teach-case22-content5: >- + p5.js source code (for the introductory project), JavaScript source code + (illustrating some basic JavaScript functionalities), accompanying slides in + .pdf format, all hosted publicly on GitHub. + teach-case22-content5-1: Overview + teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case23-title: Digital Weaving & Physical Computing Workshop Series + teach-case23-lead-name: Qianqian Ye & Evelyn Masso + teach-case23-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. + teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' + teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' + teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content3: Elementary + teach-case23-content4: >- + Over the course of three workshops, we will draw and create patterns using + p5.js, an open-source graphical library; we will learn and apply + computational concepts to transform patterns and finally, we will bring a + weaving to life with electronic microcontrollers. + teach-case23-content5: 'Methods: small team session' + teach-case23-content5-1: >- + Materials: slides, p5.js web editor, pen and paper to draw pattern, physical + pattern weaving tool. + teach-case23-content5-2: 'Workshop Slide #1' + teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-4: Workshop Information + teach-case23-content5-5: ' on WCCW website.' + teach-case24-title: Signing Coders + teach-case24-lead-name: Taeyoon Choi + teach-case24-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. + teach-case24-speech: >- + I'm working on a new series of coding class for Disabled students in South + Korea. I'm researching about the pedagogy and translation. I plan to hold + workshops in December 2020. The project is supported by the Open Society + Foundation Human Rights Initiative and Korea Disability Arts & Culture + Center. + teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' + teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case24-content3: Elementary + teach-case24-content4: >- + To help Deaf and Hard of Hearing students learn about computer programming + through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case24-content5: >- + We used p5.js Web editor and code examples on the website. We also used + dice, playing cards and various paper tools to help students learn about + coding concepts. + teach-case24-content5-1: Syllabus & Material + teach-case24-content5-2: More photos diff --git a/src/data/hi.yml b/src/data/hi.yml index b6bf8f771e..d2512c5d68 100644 --- a/src/data/hi.yml +++ b/src/data/hi.yml @@ -18,6 +18,7 @@ Forum: फोरम Showcase: प्रदर्शन footerxh1: आभार सूची footer1: ' वर्तमान में p5.js का नेतृत्व करने वाले ' +footer2: ' और ' footer3: ' हैं| इसकी खोज करने वाले थे ' footer4: ' p5.js सहयोगियों के एक समुदाय द्वारा विकसित किया गया है और समर्थन करने वाले थे ' footer5: ' और ' @@ -81,7 +82,7 @@ copyright: copyright-title: कॉपीराइट संबंधी जानकारी copyright1: >- p5.js लाइब्रेरी मुफ्त सॉफ्टवेयर है; आप नि: शुल्क सॉफ्टवेयर फाउंडेशन, संस्करण - 2.1 द्वारा प्रकाशित + 2.1 द्वारा प्रकाशित copyright2: ' के तहत इसे पुनर्वितरित कर सकते हैं और / या संशोधित कर सकते हैं। भाषा के लिए संदर्भ एक लाइसेंस के तहत है' copyright3: ' जो गैर-वाणिज्यिक उद्देश्यों के लिए इस सामग्री का पुन: उपयोग करना ' copyright4: ' संभव बनाता है यदि इसे श्रेय दिया जाता है।' @@ -139,7 +140,7 @@ get started: environment8: >- Sublime खोलें। फ़ाइल मेनू पर जाएँ और Open चुनें... और उस फ़ोल्डर को चुनें जिसमें आपकी html और js फ़ाइलें स्थित हैं। बाईं साइडबार पर, आपको फ़ोल्डर में - निहित फ़ाइलों की सूची के साथ शीर्ष पर फ़ोल्डर का नाम मिलना चाहिए। + निहित फ़ाइलों की सूची के साथ शीर्ष पर फ़ोल्डर का नाम मिलना चाहिए। environment9: >- अपनी sketch.js फ़ाइल पर क्लिक करें और यह दाईं ओर खुलेगी जहाँ आप इसे संपादित कर सकते हैं। @@ -229,7 +230,7 @@ download: को डाउनलोड करने या इसके साथ ऑनलाइन काम शुरू करने के लिए लिंक का एक संग्रह है। हमने उन चीजों को ऑर्डर करने की कोशिश की है जो यह बता सकती हैं कि एक शुरुआत करने वाला पहले क्या चाहता है, से लेकर एक अनुभवी प्रोग्रामर किन - संसाधनों की तलाश में हो सकता है। + संसाधनों की तलाश में हो सकता है। editor-title: संपादक p5.js-editor: p5.js वेब एडिटर p5.js-editor-intro: >- @@ -240,7 +241,7 @@ download: complete-library-intro1: >- यह p5.js लाइब्रेरी फ़ाइल, p5.sound एडऑन और एक उदाहरण प्रोजेक्ट वाली एक डाउनलोड है। इसमें संपादक नहीं है। P5.js प्रोजेक्ट को सेटअप करने का तरीका - जानने के लिए + जानने के लिए complete-library-intro2: आरंभ करें complete-library-intro3: ' देखें।' p5.js-complete: ' पूर्ण p5.js' @@ -266,7 +267,7 @@ download: support-1: >- p5.js फ्री, ओपन-सोर्स सॉफ्टवेयर है। हम अपने समुदाय को यथासंभव खुला और समावेशी बनाना चाहते हैं। आप एक व्यक्ति, एक स्टूडियो या एक शैक्षिक संस्थान के - रूप में + रूप में support-2: के सदस्य बनकर support-3: ' इस काम का समर्थन कर सकते हैं। ' support-4: ' आप सदस्यता खरीदे बिना' @@ -333,7 +334,7 @@ learn: teach-title2: Teach learn1: >- ये शिक्षण विशेष विषयों के अधिक गहराई या चरण-दर-चरण साक्षात्कार प्रदान करते - हैं + हैं learn2: उदाहरण पृष्ठ देखें learn3: विभिन्न p5.js विषयों के छोटे प्रदर्शनों को देखने के लिए। introduction-to-p5js-title: P5.js का परिचय @@ -376,7 +377,7 @@ learn: curves-title: कर्व curves: >- p5.js में तीन प्रकार के कर्व्स का परिचय: आर्क्स, स्पलाइन कर्व्स और बेज़ियर - कर्व्स। + कर्व्स। becoming-a-better-programmer-title: एक बेहतर प्रोग्रामर बनना debugging-title: डिबगिंग debugging: सभी के लिए डिबगिंग के लिए फील्ड गाइड। @@ -430,13 +431,13 @@ learn: writing-a-tutorial-how-prepare-4: ' एक शिक्षण-name.hbs फ़ाइल के रूप में अपने शिक्षण की सामग्री तैयार करें। जैसा कि इस फ़ाइल में दिखाया गया है, इसमें एक हैडर होना चाहिए जैसा कि नीचे दिखाया गया है:' writing-a-tutorial-how-prepare-5: >- आपके शिक्षण वाले फ़ोल्डर को p5js साइट के 'शिक्षण' फ़ोल्डर में रखा जाएगा। - index.hbs नामक फ़ाइल + index.hbs नामक फ़ाइल writing-a-tutorial-how-prepare-6: 'p5.js शिक्षण लैंडिंग पेज ,' writing-a-tutorial-how-prepare-7: ' है, और परीक्षण-शिक्षण.एचबीएस फ़ाइल परीक्षण शिक्षण है।' writing-a-tutorial-how-prepare-8: 'सभी सामग्री में जाना चाहिए:' writing-a-tutorial-how-prepare-9: >- पृष्ठ पर टैग <h1 > और <h2 > टैग द्वारा परिभाषित स्वरूपण के साथ, - <p > पैराग्राफ टैग के रूप में दिखाया गया है + <p > पैराग्राफ टैग के रूप में दिखाया गया है writing-a-tutorial-how-prepare-10: शिक्षण पृष्ठ का परीक्षण करें। writing-a-tutorial-how-prepare-11: >- यदि आपके शिक्षण में छवियां हैं, तो उन्हें नीचे दिए गए स्थान के अनुसार, स्थान @@ -462,18 +463,18 @@ learn: writing-a-tutorial-iframe-1: >- एक iframe एक विंडो बनाने जैसा है, जिसके माध्यम से आप अपने पेज के बाकी हिस्सों से सैंडबॉक्स कर सकते हैं। इस स्थिति में यह आपके p5.js स्केच वाले - index.html की एक विंडो होगी। + index.html की एक विंडो होगी। writing-a-tutorial-iframe-2: ' स्क्रीनशॉट में दिखाए अनुसार आपके स्केच के नाम के साथ लेबल वाले फ़ोल्डर में, साइट के / src / आस्तियों / सीखने के फ़ोल्डर में अपने p5 स्केच डालें। यह वह जगह है जहाँ iframe से जुड़े सभी चित्र और p5 स्केच संग्रहीत किए जाने चाहिए।' writing-a-tutorial-iframe-3: >- आपके p5 उदाहरण वाले सबफ़ोल्डर्स में एक स्केच.जेएस फ़ाइल और स्केच के लिए - embed.html फ़ाइल होनी चाहिए। + embed.html फ़ाइल होनी चाहिए। writing-a-tutorial-iframe-4: >- सुनिश्चित करें कि आपकी embed.html फ़ाइल में साइट के p5 लाइब्रेरीज के लिए सही रास्ते हैं। यदि आपकी फ़ाइल संरचना ऊपर के समान है, तो p5.js लाइब्रेरी का पथ ".. ..///..s/ js / p5.min.js " होना चाहिए। writing-a-tutorial-iframe-5: >- इसके बाद आप .hbs फ़ाइल के रूप में p5js इंडेक्स फाइल को अपने शिक्षण सामग्री - में एम्बेड कर सकते हैं। Iframe के लिए एम्बेड कोड तब होगा: + में एम्बेड कर सकते हैं। Iframe के लिए एम्बेड कोड तब होगा: writing-a-tutorial-iframe-6: 'आइफ्रेम के लिए स्टाइलिंग (यह सीधे पोस्ट या स्टाइलशीट में हो सकता है): ' writing-a-tutorial-iframe-7: 'यहाँ आप नग्न स्केच को चलते हुए देख सकते हैं: ' writing-a-tutorial-iframe-8: 'और यहाँ नीचे कोड का उपयोग करके इसे p5 साइट में एम्बेड किया गया है: ' @@ -498,7 +499,7 @@ learn: यह शिक्षण डैनियल शिफमैन की पुस्तक लर्निंग प्रोसेसिंग से है, जिसे मॉर्गन कॉफमैन द्वारा प्रकाशित किया गया था, © 2008 एल्सेवियर इंक। सभी अधिकार सुरक्षित। इसे केली चांग ने P5 में रखा था। यदि आप कोई त्रुटि देखते हैं या - टिप्पणी करते हैं, + टिप्पणी करते हैं, color-description2: ' तो कृपया हमें बताएं।' color-p1x1: >- डिजिटल दुनिया में, जब हम किसी रंग के बारे में बात करना चाहते हैं, तो सटीकता @@ -512,9 +513,9 @@ learn: color-p2x3: ' कार्य करने से पहले, हम किसी भी दिए गए आकार का रंग निर्धारित कर सकते हैं. ़ ंक्शन ' color-p2x4: ' भी है , ो खिड़की के लिए एक पृष्ठभूमि रंग सेट करता है। यहाँ एक उदाहरण है ' color-code1: |- - background(255); // सफेद करने के लिए पृष्ठभूमि की स्थापना - stroke(0); // काला करने के लिए रूपरेखा (स्ट्रोक) की स्थापना - fill(150); // एक आकृति के इंटीरियर को सेट करना (भरना) ग्रे करने के लिए + background(255); // सफेद करने के लिए पृष्ठभूमि की स्थापना + stroke(0); // काला करने के लिए रूपरेखा (स्ट्रोक) की स्थापना + fill(150); // एक आकृति के इंटीरियर को सेट करना (भरना) ग्रे करने के लिए rect(50,50,75,100); // आयत खींचना color-p3x1: 'स्ट्रोक या भरण को कार्यों के साथ समाप्त किया जा सकता है: ' color-p3x2: ' और ' @@ -571,10 +572,10 @@ learn: color-custom-ranges-p1x1: ' 0 से 255 के बीच आरजीबी रंग एकमात्र तरीका नहीं है जो आप पी 5.js में रंग संभाल सकते हैं, वास्तव में, यह हमें किसी भी तरह से रंग के बारे में सोचने की अनुमति देता है। उदाहरण के लिए, आप रंग के बारे में सोचना पसंद कर सकते हैं जो 0 से लेकर 100 (प्रतिशत की तरह) तक हो सकता है। आप एक कस्टम colorMode () निर्दिष्ट करके ऐसा कर सकते हैं। ' color-custom-ranges-p2x1: >- उपरोक्त फ़ंक्शन कहता है: " ठीक है, हम लाल, हरे और नीले रंग के संदर्भ में रंग - के बारे में सोचना चाहते हैं। RGB मूल्यों की सीमा 0 से 100 तक होगी। " + के बारे में सोचना चाहते हैं। RGB मूल्यों की सीमा 0 से 100 तक होगी। " color-custom-ranges-p3x1: >- हालाँकि ऐसा करने के लिए यह शायद ही सुविधाजनक है, आप प्रत्येक रंग घटक के लिए - अलग-अलग रेंज भी रख सकते हैं: + अलग-अलग रेंज भी रख सकते हैं: color-custom-ranges-p4x1: >- अब हम कह रहे हैं कि "लाल मान 0 से 100 तक जाते हैं, 0 से 500 तक हरा, 0 से 10 तक नीला और 0 से 255 तक अल्फा। " @@ -656,11 +657,11 @@ learn: coordinate-system-simple-shapes-p6x1: >- आयत बनाने का दूसरा तरीका चौड़ाई और ऊंचाई के साथ-साथ केंद्र बिंदु को निर्दिष्ट करना शामिल है। यदि हम इस विधि को पसंद करते हैं, तो हम पहले संकेत - करते हैं कि हम आयत के लिए निर्देश से पहले + करते हैं कि हम आयत के लिए निर्देश से पहले coordinate-system-simple-shapes-p6x2: ' (केंद्र) मोड का उपयोग करना चाहते हैं।. ध्यान दें कि पी 5 केस-संवेदी है।' coordinate-system-simple-shapes-p7x1: >- अंत में, हम दो बिंदुओं (शीर्ष बाएं कोने और नीचे दाएं कोने) के साथ एक आयत भी - खींच सकते हैं। यहां मोड + खींच सकते हैं। यहां मोड coordinate-system-simple-shapes-p7x2: ' (कॉर्नर) है। ध्यान दें कि यह उदाहरण ऊपर दिए गए उदाहरण के समान स्क्रीन पर परिणाम देता है।' coordinate-system-simple-shapes-p8x1: 'एक बार जब हम एक आयत बनाने की अवधारणा के साथ सहज हो गए हैं, ' coordinate-system-simple-shapes-p8x2: ' (दीर्घवृत्त ()) एक तस्वीर है।. वास्तव में, यह ' @@ -680,33 +681,27 @@ libraries: libraries-created-by: 'निर्माता:' p5.sound: >- p5.sound ऑडियो इनपुट, प्लेबैक, विश्लेषण और संश्लेषण सहित वेब ऑडियो - कार्यक्षमता के साथ p5 का विस्तार करता है। + कार्यक्षमता के साथ p5 का विस्तार करता है। p5.accessibility: >- p5.accessibility उन लोगों के लिए p5 कैनवास को अधिक सुलभ बनाती है जो नेत्रहीन और दृष्टिबाधित हैं। asciiart: 'p5.asciiart p5js के लिए एक सरल और आसान छवि-से-ASCII कला कनवर्टर है। ' p5.ble: >- एक जावास्क्रिप्ट लाइब्रेरी जो BLE उपकरणों और p5 स्केच के बीच संचार को सक्षम - करता है। + करता है। p5.bots: >- p5.bots के साथ आप ब्राउज़र के भीतर से अपने Arduino (या अन्य माइक्रोप्रोसेसर) के साथ बातचीत कर सकते हैं। स्केच चलाने के लिए सेंसर डेटा का उपयोग करें; एल ई डी, मोटर, और बहुत कुछ चलाने के लिए एक स्केच का उपयोग करें! - p5.bezier: >- - 'एक पुस्तकालय असीमित बिंदुओं के साथ उच्च-डिग्री बेज़ियर वक्र बनाने में मदद - करता है।' p5.clickable: 'p5.js के लिए इवेंट संचालित, उपयोग में आसान बटन लाइब्रेरी।' p5.cmyk.js: 'CMYK कलरस्पेस। ' p5.collide2D: >- p5.collide2D p5.js के साथ 2D ज्यामिति के लिए टकराव का पता लगाने की गणना के लिए उपकरण प्रदान करता है। - CO2Budget.js: >- - यह पुस्तकालय p5 * js से जुड़े कोडरों, डिजाइनरों और कलाकारों के रचनात्मक - समुदायों के CO2-उलटी गिनती के विचार को खोलता है।. p5.createloop: 'कोड की एक पंक्ति में ध्वनि और GIF निर्यात के साथ एनीमेशन लूप बनाएं। ' p5.dimensions: >- p5.dimensions किसी भी संख्या के आयामों में काम करने के लिए p5.js के वेक्टर - फ़ंक्शन का विस्तार करता है। + फ़ंक्शन का विस्तार करता है। p5.EasyCam: >- जड़त्वीय पैन, ज़ूम और रोटेट के साथ सरल 3D कैमरा नियंत्रण। थॉमस डाइवाल्ड का प्रमुख योगदान। @@ -719,15 +714,11 @@ libraries: p5.geolocation: >- p5.geolocation p5.js के लिए उपयोगकर्ता स्थानों को प्राप्त करने, देखने, गणना करने और जियोफेंसिंग के लिए तकनीक प्रदान करता है। - p5.glitch: p5.glitch extends p5.js for glitching images and binary files. p5.gibber: p5.gibber तेजी से संगीत अनुक्रमण और ऑडियो संश्लेषण क्षमता प्रदान करता है। grafica.js: >- grafica.js आपको अपने p5.js स्केच में सरल लेकिन अत्यधिक विन्यास योग्य 2D प्लॉट जोड़ने देता है। p5.gui: 'p5.gui आपके p5.js स्केच के लिए एक ग्राफिकल यूजर इंटरफेस बनाता है। ' - p5.j5: >- - The full Johnny-Five.io Nodebots/robotics library for Arduino and other - microcontrollers made to work directly in browser with WebSerial or WebUSB. p5.localmessage: >- p5.localmessage आसान मल्टी-विंडो स्केचिंग के लिए स्थानीय रूप से एक स्केच से दूसरे में संदेश भेजने के लिए एक सरल इंटरफ़ेस प्रदान करता है! @@ -738,32 +729,20 @@ libraries: समय उपयोगी। ml5.js: >- ml5.js Tensorflow.js पर बनाता है और ब्राउज़र में मशीन लर्निंग एल्गोरिदम और - मॉडल के लिए अनुकूल पहुँच प्रदान करता है। - numero: p5.js के लिए एक सहयोगपूर्ण और सहज गणित पुस्तकालय | - pdl.library: >- - भौतिकी शिक्षण और सीखने के लिए इंटरेक्टिव आरेख बनाने के लिए कार्यों और - कक्षाओं का एक सेट। + मॉडल के लिए अनुकूल पहुँच प्रदान करता है। p5.play: >- p5.play गेम और गेमेलिक एप्लिकेशन के लिए स्प्राइट, एनिमेशन, इनपुट और कोलिजन फंक्शन प्रदान करता है। p5.particle: >- कण और फव्वारा वस्तुओं का उपयोग डेटा-संचालित प्रभाव बनाने के लिए किया जा सकता है जो उपयोगकर्ता संरचनाओं या JSON इनपुट और उपयोगकर्ता-ड्रा फ़ंक्शन के माध्यम - से परिभाषित होते हैं। - p5.party: >- - p5.party is a library for easily creating networked multiuser games, apps, - and sketches. - p5.Polar: >- - p5.Polar provides mathematical abstractions making it easy to create create - beautiful, kaleidoscopic, radial patterns. - react-p5: This library lets you integrate p5 Sketches into your React App. - p5.recorder: Record sketch canvas and audio. + से परिभाषित होते हैं। p5.Riso: >- p5.Riso, Risograph मुद्रण के लिए उपयुक्त फ़ाइलें बनाने के लिए एक पुस्तकालय - है। यह आपके रेखाचित्रों को बहु-रंगीन प्रिंटों में बदलने में मदद करता है। + है। यह आपके रेखाचित्रों को बहु-रंगीन प्रिंटों में बदलने में मदद करता है। rita.js: >- RiTa.js जनरेटिव साहित्य के लिए प्राकृतिक भाषा प्रसंस्करण वस्तुओं का एक सेट - प्रदान करता है। + प्रदान करता है। Rotating knobs: Make knobs you can rotate with custom graphics and return value ranges. p5.scenemanager: >- p5.SceneManager आपको कई राज्यों/दृश्यों के साथ रेखाचित्र बनाने में मदद करता @@ -772,19 +751,15 @@ libraries: p5.scribble: >- स्केची लुक में 2D प्रिमिटिव ड्रा करें। मूल प्रसंस्करण पुस्तकालय के एक बंदरगाह के आधार पर, जेनेक वुल्सचलेगर द्वारा बनाया गया। - p5.serialport: >- - p5.serial enables serial communication between devices that support serial - (RS-232) and p5 sketches running in the browser. + p5.serial: >- + p5.serial उन उपकरणों के बीच धारावाहिक संचार को सक्षम बनाता है जो ब्राउज़र + में चल रहे सीरियल (RS-232) और p5 स्केच का समर्थन करते हैं। Shape5: >- Shape5 उन प्राथमिक छात्रों के लिए एक 2D प्राइमरी लाइब्रेरी है जो पहली बार कोड करना सीख रहे हैं। p5.shape.js: >- P5.js ढांचे में और अधिक सरल आकृतियों को जोड़ने के लिए बनाया गया एक - फ्रेमवर्क। - P5.slides: 'p5.slides, p5.js में लिखा गया एक प्रेजेंटेशन प्लेटफॉर्म है।' - p5snap: >- - p5snap एक कमांड-लाइन इंटरफ़ेस है जो एक अंतराल पर p5 स्केच के स्नैपशॉट बनाता - और सहेजता है| + फ्रेमवर्क। p5.speech: >- p5.speech वेब स्पीच और स्पीच रिकग्निशन एपीआई के लिए सरल, स्पष्ट पहुंच प्रदान करता है, जिससे स्केच के आसान निर्माण की अनुमति मिलती है जो बात कर सकते हैं @@ -793,82 +768,19 @@ libraries: p5.tiledmap: >- p5.tiledmap आपके रेखाचित्रों में मानचित्रों को शामिल करने के लिए आरेखण और सहायक कार्य प्रदान करता है। - TiledPlay: >- - A small library to bridge the functionality of p5.js, p5.play.js and - p5.tiled.js to easily create 2D platformer games using javascript. p5.touchgui: p5.js के लिए एक मल्टी-टच और माउस GUI लाइब्रेरी। tramontana: >- ट्रैमोंटाना इंटरएक्टिव वातावरण, इंटरेक्टिव स्पेस या पैमाने पर और अंतरिक्ष में सिर्फ प्रोटोटाइप अनुभव बनाने के लिए आसानी से कई उपकरणों (आईओएस, एंड्रॉइड, ट्रैमोंटाना बोर्ड, ...) का उपयोग करने के लिए एक मंच है। - TurtleGFX: >- - TurtleGFX allows to code with Turtle Graphics in JavaScript. Great for - education and creative coding. - p5.tween: >- - With p5.tween you can create easily animations as tween for your objects - and shapes. vida: >- विडा एक साधारण पुस्तकालय है जो कैमरा (या वीडियो) आधारित गति पहचान और ब्लॉब - ट्रैकिंग कार्यक्षमता को p5js में जोड़ता है। + ट्रैकिंग कार्यक्षमता को p5js में जोड़ता है। p5.voronoi: >- p5.voronoi आपके p5.js रेखाचित्रों में वोरोनोई आरेख बनाने और उनका उपयोग करने के लिए उपकरणों का एक सेट प्रदान करता है। - p5.wasm: >- - p5.wasm is an addon library written in Rust and compiled to WebAssembly - that implements common functions found in p5.js. p5.xr: p5 के साथ VR और AR रेखाचित्र बनाने के लिए एक पुस्तकालय| p5.3D: 'WebGL में 3D पाठ और छवियां। ' - WEBMIDI.js: Easily send and receive MIDI messages from p5. - p5.buttons: '''एक पुस्तकालय जिसका उद्देश्य स्क्रिप्टिंग बटन को जटिल बनाना है।''' - p5.button: >- - 'p5.js कैनवास में सीधे सरल या स्टाइल वाले बटनों को डिज़ाइन और प्रस्तुत करने - के लिए छोटा एक फ़ंक्शन लाइब्रेरी।' - p5.math.js: >- - The mathematical operations of JavaScript have been converted into simple - human language so that they can understand really quickly. - p5LiveMedia: 'रीयल टाइम ऑडियो, वीडियो, कैनवस और डेटा शेयरिंग।' - P5.Create: >- - p5.create एक पुस्तकालय है जो कुशल गेम निर्माण के लिए डिज़ाइन किए गए सेव, - एनीमेशन, टक्कर और टैग फ़ंक्शन प्रदान करता है. - p5.quadrille.js: p5.js quadrille library. - p5.animS: p5.animS animates p5.js shapes by rendering their drawing processes. - I_AM_UI: एक यूजरइंटरफेस लाइब्रेरी - simple.js: Helper functions and defaults for young and new coders. - p5.timer: >- - This library performs asynchronous timing functions like countdowns, - one-shot timers, % time elapsed and encapsulates the millis() function and - other related calculations that often clog up your code. - c2.js: >- - c2.js कम्प्यूटेशनल ज्यामिति, भौतिकी सिमुलेशन, विकासवादी एल्गोरिथ्म और अन्य - मॉड्यूल पर आधारित रचनात्मक कोडिंग के लिए एक Javascript पुस्तकालय है। - Concave Hull: 2D space में बिंदुओं के एक सेट से अवतल हल की गणना करें| - p5.joystick: भौतिक जॉयस्टिक से जुड़ें और खेलें - p5.webserial: >- - "वेब सीरियल एपीआई (क्रोम और एज पर उपलब्ध) पर आधारित ब्राउज़र के भीतर से - सीरियल उपकरणों के साथ बातचीत करने के लिए एक पुस्तकालय"| - p5.pattern: p5.js के लिए एक पैटर्न ड्राइंग लाइब्रेरी। - p5.jacdac: p5js के लिए प्लग-एंड-प्ले माइक्रो-कंट्रोलर। - p5.PatGrad: p5.PatGrad let's you add patterns and gradients to your sketches. - p5.projection: Easy projection mapping of sketches onto real world surfaces - p5.Framebuffer: >- - A fast offscreen canvas for WebGL, giving access to depth data for fog and - blur effects. - p5.capture: >- - p5.capture provides a simple GUI to easily record p5.js animations and - output video files in various formats (webm, gif, mp4, png, jpg, and webp). - p5.input: Adds more key support for p5.js. - p5.web-serial: >- - A p5.js library for using the Web Serial API to access devices like - Arduino, no setup required. - p5.wasm.core: A web assembly core for p5.js. - p5.videorecorder: Record your canvas as a video file with audio. - p5.mapper: >- - p5.mapper is a projection mapping library for p5.js. This library makes it - easy to code and keystone interactive, algorithmic sketches. - p5.teach: >- - A beginner friendly math animation library for p5.js. Created with - mentorship from Nick McIntyre and Jithin KS. - p5.fab: p5.fab controls digital fabrication machines from p5.js. using-a-library-title: पुस्तकालय का उपयोग करना using-a-library1: >- एक p5.js पुस्तकालय कोई भी JavaScript कोड हो सकता है जो p5.js मुख्य @@ -970,11 +882,11 @@ community: contributors-conference-title: p5.js योगदानकर्ता सम्मेलन contributors-conference1: >- जबकि अधिकांश कार्य ऑनलाइन होते है, हम IRL भी आयोजित करते हैं। हमने - पिट्सबर्ग, पेंसिल्वेनिया में + पिट्सबर्ग, पेंसिल्वेनिया में contributors-conference2: >- कार्नेगी मेलन विश्वविद्यालय में योगदानकर्ताओं के दो सम्मेलन आयोजित किए। कलाकार, डिजाइनर, डेवलपर्स, शिक्षक p5.js परियोजना को आगे बढ़ाने के लिए एक साथ - शामिल हुए। + शामिल हुए। participants-title: प्रतिभागी support-title: 'सहयोग ' support1: हमारा योगदान सम्मेलन @@ -1034,7 +946,7 @@ community: की तुलना करते हैं 2015cc_9: >- विभिन्न रंगीन स्टिक नोट्स और प्रोग्रामिंग के बारे में लिखित नोट्स के साथ - व्हाइटबोर्ड + व्हाइटबोर्ड 2015cc_10: >- विभिन्न कौशल सेटों के मूल्य निर्धारण के बारे में माइक्रोफोन में बोलने वाली महिला, जबकि लैपटॉप वाले प्रतिभागियों का एक समूह कक्षा में उसके पावरपॉइंट को @@ -1104,7 +1016,7 @@ community: 2019cc_2: दोपहर के भोजन और एक चर्चा में एक लंबी मेज पर बैठे प्रतिभागी 2019cc_3: >- एक कक्षा में प्रतिभागी, कुछ अपने लैपटॉप पर काम कर रहे हैं, अन्य बात कर रहे - हैं + हैं 2019cc_4: अपने लैपटॉप पर काम करने वाले प्रतिभागियों की कक्षा 2019cc_5: एक अंधेरे कक्षा में एक बैठक में भाग लेने वाले 2019cc_6: विविध प्रतिभागियों की कक्षा में प्रस्तुति देती महिला @@ -1596,329 +1508,320 @@ teach: teach-case-subtitle3: Level of Difficulty teach-case-subtitle4: Goals teach-case-subtitle5: Method & Materials - teach-case1-title: p5.js à l'Ubuntu Party! - teach-case1-lead-name: Basile Pesin - teach-case1-content1: '2020 Ubuntu Party, ' - teach-case1-content1-1: 'Cité des Sciences et de l''Industrie, Paris, France' - teach-case1-content2: 'Any age, including children and parents, young and older adults.' - teach-case1-content3: Advanced - teach-case1-content4: >- + teach-case1-title: Introduction to Video Game Programming in High School with p5.js + teach-case1-lead-name: Emanuele Bolognesi + teach-case1-image-alt: A group photo of 25 students with their teacher + teach-case1-content1: '📍 High School Russell-Newton, Scandicci (FI), Italy. ' + teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content2: 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys + teach-case1-content3: ' Elementary' + teach-case1-content4: Introduce 10th grade students to simple video game programming using javascript and p5.js + teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5-1: The + teach-case1-content5-2: works + teach-case1-content5-3: of the students + teach-case2-title: Fractal implementations + teach-case2-lead-name: Mariana + teach-case2-content1: 'Mars' + teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content2: 15 + teach-case2-content3: ' Advanced' + teach-case2-content4: Introduce the theme of fractals and use p5js to implement them + teach-case2-content5: 'Just ' + teach-case3-title: Introduction to Computational Media with p5.js + teach-case3-lead-name: Barry Voeten + teach-case3-content1: 'school' + teach-case3-content1-1: 'entire course' + teach-case3-content2: Dutch school kids, age 14-15 + teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content4: education + teach-case3-content5: 'Syllabus' + teach-case4-title: Calculadora de IMC + teach-case4-lead-name: Dayana + teach-case4-content1: 'Youtube' + teach-case4-content1-1: '00h: 30min' + teach-case4-content2: Inscritos no canal do youtube, houveram 18 vizializações. + teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. + teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case5-title: Taller de Creative Coding + teach-case5-lead-name: Federico Santana + teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online + teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' + teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content2: Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. + teach-case5-content3: ' Elementary' + teach-case5-content4: Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto. + teach-case5-content5: 'Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:' + teach-case6-title: '50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩‍👧‍👦)' + teach-case6-lead-name: Inhwa Yeom + teach-case6-image-alt: In-class photo + teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' + teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content2: People who identify themselves as older adults (average age = 62.54), and their companions of all ages. + teach-case6-content3: ' Elementary' + teach-case6-content4: p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ + teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case7-title: Introduction to p5js + teach-case7-lead-name: Bérenger Recoules a.k.a b2renger + teach-case7-image-alt: example picture + teach-case7-content1: L'École de Design Nantes Atlantique - France + teach-case7-content1-1: from 2018 and ongoing + teach-case7-content2: Students from l'école de design Nantes Atlantique + teach-case7-content3: ' Elementary' + teach-case7-content4: get to know p5js and its functionalities (dom, audio, webgl etc.) + teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case8-title: I am starting a new one - + teach-case8-lead-name: Brinder Soin + teach-case8-content1: 'New Jersey' + teach-case8-content1-1: '12/28 - 12/30' + teach-case8-content2: About 100 students from grades 7, 8 and 9 from various schools and locations. + teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content4: Keeping children safe and learning in the time of covid and promote STEM education + teach-case8-content5: 'Teacher created notes and worksheets and IDE p5 web editor' + teach-case9-title: Programación Aplicada al Arte Visual e Interactivo + teach-case9-lead-name: Sebastián Zavatarelli + teach-case9-image-alt: A zoom class sharing p5.js web editor + teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' + teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. + teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content4: El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido. + teach-case9-content5: 'p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle' + teach-case10-title: Painting with Code + teach-case10-lead-name: Andreas Refsgaard + teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1-1: '22/02/2020' + teach-case10-content2: Participants were people . A wide range of people from + teach-case10-content3: ' Intermediate' + teach-case10-content4: Get creatives, designers, artists and other people who don't typically use code introduced to p5.js + teach-case10-content5: 'Website, p5.js editor' + teach-case11-title: Signing Coders + teach-case11-lead-name: Taeyoon Choi + teach-case11-content1: 'BRIC, New York City. USA + Seoul Museum of Art, Seoul, South Korea.' + teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case11-content3: ' Elementary' + teach-case11-content4: To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case11-content5: 'We used p5.js Web editor and code examples on the website. + We also used dice, playing cards and various paper tools to help students learn about coding concepts. ' + teach-case12-title: Digital Weaving & Physical Computing Workshop Series + teach-case12-lead-name: Qianqian Ye + teach-case12-image-alt: In-class photo + teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' + teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' + teach-case12-content2: 15 women and non-binary artists, designer, makers, programers. + teach-case12-content3: ' Elementary' + teach-case12-content4: Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers. + teach-case12-content5: 'Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool + Methods: small team session' + teach-case12-content5-1: "Slides we used for the workshop:" + teach-case13-title: p5.js à l'Ubuntu Party! + teach-case13-lead-name: Basile Pesin + teach-case13-content1: '2020 Ubuntu Party ' + teach-case13-content1-1: Cité des Sciences et de l''Industrie, Paris, France + teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content3: Advanced + teach-case13-content4: >- To introduce a new public to programming through fun and compelling examples. - teach-case1-content5: >- + teach-case13-content5: >- Method: in-person workshop, 1 hour per session, with different participant each times. The students were using (Ubuntu) machines with the p5.js web editor. I was teaching using a video projector as well as a board. - teach-case1-content5-1: >- + teach-case13-content5-1: >- Materials: The exercises I gave where accessible through p5.js web-editor links available in - teach-case2-title: >- + teach-case14-title: >- Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js - teach-case2-lead-name: Priti Pandurangan & Ajith Ranka - teach-case2-image-alt: >- - A group of participants collaborating to create some designs using the p5.js - web editor on their laptops. - teach-case2-content1: 'National Institute of Design, Bangalore' - teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' - teach-case2-content2: >- + teach-case14-lead-name: Priti Pandurangan & Ajith Ranka + teach-case14-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. + teach-case14-content1: 'National Institute of Design, Bangalore' + teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case2-content3: 'Priti: Intermediate & Ajith: Advanced' - teach-case2-content4: >- + teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' + teach-case14-content4: >- To explore generative art & design and recreate some classical works with p5.js. - teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case2-content5-1: 'Materials: ' - teach-case2-content5-2: 'course page ' - teach-case2-content5-3: 'linking to sketches on the p5 editor, ' - teach-case2-content5-4: 'interactive reference guide ' - teach-case2-content5-5: to p5 basics - teach-case3-title: CC Fest (Creative Coding Festival) - teach-case3-lead-name: Saber - teach-case3-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' - teach-case3-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case3-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' - teach-case3-content2: >- + teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' + teach-case14-content5-1: 'Materials: ' + teach-case14-content5-2: 'course page ' + teach-case14-content5-3: 'linking to sketches on the p5 editor, ' + teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5-5: to p5 basics + teach-case15-title: CC Fest (Creative Coding Festival) + teach-case15-lead-name: Saber + teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' + teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' + teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case3-content3: Intermediate - teach-case3-content4: >- + teach-case15-content3: Intermediate + teach-case15-content4: >- To build a teacher and student community around p5 for middle and high school. - teach-case3-content5: >- + teach-case15-content5: >- A half-day of workshop led by volunteer teachers. We saw lots of different methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix. - teach-case3-content5-1: CC Fest Lessons page - teach-case3-content5-2: ' for teaching materials' - teach-case3-content5-3: More photos - teach-case4-title: Taller Introducción a la Programación Creativa con p5.js - teach-case4-lead-name: Aarón Montoya-Moraga - teach-case4-image-alt: >- - A group of 20 people sitting on a large shared table with their laptops - looking at a projected screen. - teach-case4-speech: 'p5.js is my happy place ' - teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case4-content1-1: ' 2018 November 14, 3 hours' - teach-case4-content2: >- + teach-case15-content5-1: CC Fest Lessons page + teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-3: More photos + teach-case16-title: Taller Introducción a la Programación Creativa con p5.js + teach-case16-lead-name: Aarón Montoya-Moraga + teach-case16-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. + teach-case16-speech: 'p5.js is my happy place ' + teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' + teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-content2: >- I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue. - teach-case4-content3: 'Elementary, Intermediate, Advanced' - teach-case4-content4: >- + teach-case16-content3: 'Elementary, Intermediate, Advanced' + teach-case16-content4: >- Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :) - teach-case4-content5: 'I used the material on this ' - teach-case4-content5-1: GitHub repo - teach-case4-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' - teach-case4-content5-3: '+CODE electronic art festival 2018, Argentina' - teach-case4-content5-4: ', Medium' - teach-case5-title: Introduction to Generative Drawing - teach-case5-lead-name: Adam Herst - teach-case5-speech: >- + teach-case16-content5: 'I used the material on this ' + teach-case16-content5-1: GitHub repo + teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' + teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' + teach-case16-content5-4: ', Medium' + teach-case17-title: Introduction to Generative Drawing + teach-case17-lead-name: Adam Herst + teach-case17-speech: >- My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists. - teach-case5-content1: Inter/Access - teach-case5-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' - teach-case5-content1-2: In-person with a self-paced workbook for remote work - teach-case5-content1-3: ' 2020 February 12, 7PM-9PM' - teach-case5-content2: 15 artists - teach-case5-content3: Elementary - teach-case5-content4: >- + teach-case17-content1: Inter/Access + teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-2: In-person with a self-paced workbook for remote work + teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content2: 15 artists + teach-case17-content3: Elementary + teach-case17-content4: >- To introduce p5.js to artists with little or no programming experience and to suggest one way an analogue practice can migrate to a digital form. - teach-case5-content5: >- + teach-case17-content5: >- A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing. - teach-case5-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' - teach-case5-content5-2: Introduction to Generative Drawing Letter PDF - teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF - teach-case6-title: 'Open Lecture, Creative Coding: 2020' - teach-case6-lead-name: Shunsuke Takawo - teach-case6-image-alt: >- - A table on which there is a laptop, some sheets of papers, colorful pens and - two automatic machines drawing something with a pen on a sheet. - teach-case6-speech: >- + teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-2: Introduction to Generative Drawing Letter PDF + teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF + teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-lead-name: Shunsuke Takawo + teach-case18-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. + teach-case18-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! - teach-case6-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' - teach-case6-content1-1: ' 2020 March 16-18, 1-7 PM' - teach-case6-content2: 'Students of Kyoto University of Art and Design, and anyone.' - teach-case6-content3: Elementary - teach-case6-content4: Making code as a tool for artistic expression. - teach-case6-content5: 'Dropbox Paper, p5.js web editor.' - teach-case6-content5-1: Syllabus - teach-case6-content5-2: Day 1 - teach-case6-content5-3: Day 2 - teach-case6-content5-4: Day 3 - teach-case6-content5-5: ', YouTube' - teach-case7-title: Creative Coding for Static Graphics - teach-case7-lead-name: Shunsuke Takawo - teach-case7-speech: >- + teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' + teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' + teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content3: Elementary + teach-case18-content4: Making code as a tool for artistic expression. + teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5-1: Syllabus + teach-case18-content5-2: Day 1 + teach-case18-content5-3: Day 2 + teach-case18-content5-4: Day 3 + teach-case18-content5-5: ', YouTube' + teach-case19-title: Creative Coding for Static Graphics + teach-case19-lead-name: Shunsuke Takawo + teach-case19-speech: >- Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try! - teach-case7-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case7-content1-1: ' 2019 September 15, 4-7 PM ' - teach-case7-content2: Anyone who wants to try coding in p5.js. - teach-case7-content3: Intermediate - teach-case7-content4: To code from the graphic design's perspective. - teach-case7-content5: 'Dropbox Paper, p5.js web editor.' - teach-case7-content5-1: Syllabus & Material - teach-case8-title: Generative Typography - teach-case8-lead-name: Dae In Chung - teach-case8-image-alt: >- - A image with black background displaying the letter 'b' in 5 different - styles along with a menu with various styling options to choose. - teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' - teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. - teach-case8-content3: Elementary - teach-case8-content4: Experiment with typographic forms and structures through computation. - teach-case8-content5: 'Methods: online/offline lectures and critiques.' - teach-case8-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' - teach-case8-content5-2: Works of participants - teach-case9-title: Machine Learning for the Web - teach-case9-lead-name: Yining Shi - teach-case9-image-alt: >- - A group of 16 people sitting around tables with their laptops, mobile phones - and some other accessories, facing towards a large television screen. - teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' - teach-case9-content2: >- + teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' + teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content2: Anyone who wants to try coding in p5.js. + teach-case19-content3: Intermediate + teach-case19-content4: To code from the graphic design's perspective. + teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5-1: Syllabus & Material + teach-case20-title: Generative Typography + teach-case20-lead-name: Dae In Chung + teach-case20-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. + teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' + teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. + teach-case20-content3: Elementary + teach-case20-content4: Experiment with typographic forms and structures through computation. + teach-case20-content5: 'Methods: online/offline lectures and critiques.' + teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5-2: Works of participants + teach-case21-title: Machine Learning for the Web + teach-case21-lead-name: Yining Shi + teach-case21-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. + teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' + teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content2: >- Students at Interactive Telecommunications Program, New York University. 16 people. - teach-case9-content3: 'Elementary, Intermediate' - teach-case9-content4: >- + teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content4: >- The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using ml5.js and p5.js. - teach-case9-content5: >- + teach-case21-content5: >- This class is a mix of lectures, coding sessions, group discussions, and presentations. I used - teach-case9-content5-1: GitHub - teach-case9-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' - teach-case9-content5-3: 'Methods: online/offline lectures and critiques.' - teach-case10-title: Introduction to p5.js and JavaScript - teach-case10-lead-name: Nico Reski - teach-case10-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' - teach-case10-content3: 'Beginner, Elementary' - teach-case10-content4: >- + teach-case21-content5-1: GitHub + teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' + teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case22-title: Introduction to p5.js and JavaScript + teach-case22-lead-name: Nico Reski + teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' + teach-case22-content3: 'Beginner, Elementary' + teach-case22-content4: >- Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding and enable them to pursue own projects in a safe environment. - teach-case10-content5: >- + teach-case22-content5: >- p5.js source code (for the introductory project), JavaScript source code (illustrating some basic JavaScript functionalities), accompanying slides in .pdf format, all hosted publicly on GitHub. - teach-case10-content5-1: Overview - teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' - teach-case11-title: Digital Weaving & Physical Computing Workshop Series - teach-case11-lead-name: Qianqian Ye & Evelyn Masso - teach-case11-image-alt: >- - This image is divided in two parts. The left part shows a group of 15 women - sitting on chairs with their laptops and looking at a presentor who is - explaining a code on a projected screen. The right part of the image shows a - person learning weaving using a physical pattern and a weaving tool. - teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' - teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' - teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' - teach-case11-content3: Elementary - teach-case11-content4: >- + teach-case22-content5-1: Overview + teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case23-title: Digital Weaving & Physical Computing Workshop Series + teach-case23-lead-name: Qianqian Ye & Evelyn Masso + teach-case23-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. + teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' + teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' + teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content3: Elementary + teach-case23-content4: >- Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers. - teach-case11-content5: 'Methods: small team session' - teach-case11-content5-1: >- + teach-case23-content5: 'Methods: small team session' + teach-case23-content5-1: >- Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool. - teach-case11-content5-2: 'Workshop Slide #1' - teach-case11-content5-3: 'Workshop Slide #2' - teach-case11-content5-4: Workshop Information - teach-case11-content5-5: ' on WCCW website.' - teach-case12-title: Signing Coders - teach-case12-lead-name: Taeyoon Choi - teach-case12-image-alt: >- - Two volunteers explaining concepts using a white board and a screen to a - bunch of deaf and hard of hearing students, each student facing a computer - screen. - teach-case12-speech: >- + teach-case23-content5-2: 'Workshop Slide #1' + teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-4: Workshop Information + teach-case23-content5-5: ' on WCCW website.' + teach-case24-title: Signing Coders + teach-case24-lead-name: Taeyoon Choi + teach-case24-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. + teach-case24-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center. - teach-case12-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' - teach-case12-content1-1: '5 Sessions, each 2~3 hours' - teach-case12-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. - teach-case12-content3: Elementary - teach-case12-content4: >- + teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' + teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case24-content3: Elementary + teach-case24-content4: >- To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. - teach-case12-content5: >- + teach-case24-content5: >- We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts. - teach-case12-content5-1: Syllabus & Material - teach-case12-content5-2: More photos - teach-case13-title: Painting with Code - teach-case13-lead-name: Andreas Refsgaard - teach-case13-speech: >- - I'm working on a new series of coding class for Disabled students in South - Korea. I'm researching about the pedagogy and translation. I plan to hold - workshops in December 2020. The project is supported by the Open Society - Foundation Human Rights Initiative and Korea Disability Arts & Culture - Center. - teach-case13-content1: ' Copenhagen, Denmark' - teach-case13-content1-1: 2020 February 22 - teach-case13-content2: A wide range of people. - teach-case13-content3: Intermediate - teach-case13-content4: >- - Get creatives, designers, artists and other people who don't typically use - code introduced to p5.js. - teach-case13-content5: 'Website, p5.js editor.' - teach-case13-content5-1: Material - teach-case14-title: Smarter Home - teach-case14-lead-name: Lauren McCarthy - teach-case14-speech: >- - The Smarter Home / 더 똑똑한 집 American Arts Incubator Workshop reimagines smart - homes of the future. - teach-case14-content1: ' Gwangju Cultural Foundation(GJCF), Gwangju, South Korea' - teach-case14-content1-1: 2020 April 19 - May 11 - teach-case14-content1-2: ZERO1 American Art Incubator(AAI) - teach-case14-content2: 16 people (resident of Gwangju or surrounding areas) - teach-case14-content3: Elementary & Intermediate - teach-case14-content4: >- - To reimagine smart homes of the future, with such technologies as p5.js and - ml5.js. Spending a lot of time talking about the increasing role technology - is playing at home and in Korean society, the workshop aimed to offer a - vision of a smarter home driven by the participants' critical optimism for - the future. - teach-case14-content5: 'p5.js, p5 web editor, ml5.js, and installations. ' - teach-case14-content5-1: >- - 1) We set out to prototype the concept of a “smarter home”, trying to bring - technology into personal space on our own terms. - teach-case14-content5-2: >- - 2) Breaking into four teams, each selected an issue to address through a - room they would create within our larger home structure. - teach-case14-content5-3: >- - 3) We incorporated machine learning, audio processing, and computer vision - techniques to track and respond to the presence of people. - teach-case14-content5-4: >- - 4) Together, these works make one installation, comprised of four - interconnected smart rooms that each provoke discussion. - teach-case14-content5-5: More pictures - teach-case15-title: Introduction to p5js - teach-case15-lead-name: Bérenger Recoules (a.k.a b2renger) - teach-case15-content1: 'L''École de Design Nantes Atlantique, France' - teach-case15-content1-1: Since 2018 and ongoing - teach-case15-content2: Students from l'école de design Nantes Atlantique' - teach-case15-content3: Elementary - teach-case15-content4: 'To get to know p5.js and its functionalities (DOM, audio, WebGL, etc.) ' - teach-case15-content5: GitHub Readme File - teach-case15-content5-1: ' : a text tutorial in French' - teach-case16-title: "50+ Coding Club : My First Code Art with Handy(\U0001F590) and Family" - teach-case16-lead-name: Inhwa Yeom - teach-case16-speech: >- - This workshop was conducted in line with 'p5 for 50+' project, with supports - from 2020 Processing Foundation fellowship program and Asia Culture Center - (ACC). - teach-case16-content1: ' Asia Culture Center(ACC), Gwangju. Virtual & Online' - teach-case16-content1-1: >- - (In-Person) 2020 November 20 - 28, every Friday and Saturday; - (Virtual-Online) Anytime from 2020 December on via YouTube videos - teach-case16-content2: '8 people, composed of 6 older adults and their children' - teach-case16-content2-1: 1) Those who define themselves as older adults (age around 50 and older) - teach-case16-content2-2: '2) People from any age groups who accompany a person of 1) ' - teach-case16-content3: Elementary - teach-case16-content4: >- - Addressing the digital literacy and rights of age 50+ population in a - non-English-speaking country, this workshop aimed to lower their physical, - lingual, and emotional barriers to learning coding with smartphone-based - p5.js editor. - teach-case16-content5: p5for50+ web app - teach-case16-content5-1: >- - a smartphone-based web app, with p5.js web editor embedded in it. Created - with the editor, the participants' p5 sketches were printed out and framed - on-site, and distributed as their materialized outcomes. - teach-case16-content5-2: Curriculum - teach-case16-content5-3: YouTube - teach-case16-content5-4: More pictures - teach-case17-title: Programming Applied to Visual and Interactive Art - teach-case17-lead-name: Sebastián Zavatarelli - teach-case17-speech: >- - The course is part of the extension courses on the trans-departmental area - of multimedia arts of National University of the Arts in Argentina. - teach-case17-content1: ' Buenos Aires, Argentina. Virtual & Online' - teach-case17-content1-1: '2020 September 15 - October 14 every Wednesday 6:30-9:00 PM' - teach-case17-content2: Around 10 people. Mostly women. - teach-case17-content3: Elementary & Intermediate - teach-case17-content4: >- - The course is intended for artists who want to start using current - technological tools for the development of their works. It can also be used - by those who want to get started in computer programming through a simple, - visual, accessible and fun programming environment. - teach-case17-content5: >- - p5.js web editor. Online through Zoom platform and material uploaded in - Moodle. - teach-case17-content5-1: More pictures + teach-case24-content5-1: Syllabus & Material + teach-case24-content5-2: More photos diff --git a/src/data/it.yml b/src/data/it.yml index 01e04cbffd..d8615a0e11 100644 --- a/src/data/it.yml +++ b/src/data/it.yml @@ -17,6 +17,7 @@ Forum: Forum Showcase: Showcase footerxh1: Meriti footer1: 'p5.js è stato creato da ' +footer2: ' ed è sviluppato da una community di collaboratori, con il supporto di ' footer3: ' e ' footer4: 'Web identity e graphic design di ' tagline1: il divertimento di Processing x l'eccentricità di JavaScript diff --git a/src/data/ko.yml b/src/data/ko.yml index 4209c864c4..60e37ff92f 100644 --- a/src/data/ko.yml +++ b/src/data/ko.yml @@ -18,6 +18,7 @@ Forum: 포럼 Showcase: 쇼케이스 footerxh1: 크레딧 footer1: p5.js는 현재 치안치안 예 +footer2: ' & 에블린 마소' footer3: ' 가 리드하고, 로렌 맥카시 ' footer4: ' 가 창안하였습니다. p5.js는 프로세싱 재단 ' footer5: ' 과 ' @@ -564,130 +565,48 @@ libraries: p5.bots: >- p5.bots를 통해 브라우저, 아두이노, 마이크로프로세서 간의 인터랙션을 만들 수 있습니다. 센서 데이터로 스케치를 만들거나, 스케치에서 LED나 모터를 작동해보세요! - p5.bezier: >- - p5.beizer는 조절점(control point) 개수 제한 없이 정교한 베지에 곡선(Bézier Curve)을 그릴 수 있게 해주는 - 라이브러리입니다. p5.clickable: '사용이 편리한, 이벤트 기반 p5.js 버튼 라이브러리입니다.' p5.cmyk.js: CMYK 색상 모드. p5.collide2D: 'p5.collide2D는 p5.js로 만든 2D 도형들 간의 충돌을 감지합니다. ' - CO2Budget.js: '이 라이브러리는 p5 * js와 관련된 코더, 디자이너 및 아티스트의 크리에이티브 커뮤니티에 CO2 카운트 다운 아이디어를 제공합니다.' p5.createloop: '노이즈와 GIF 기반의 반복 애니메이션을 단 한 줄의 코드로 만들어보세요. ' p5.dimensions: 'p5.dimensions은 p5.js의 벡터 기능을 확장하여 n차원에서 작동하도록 합니다. ' p5.EasyCam: '패닝, 줌, 회전이 가능한 간단한 3D 카메라 컨트롤. Thomas Diewald가 핵심적으로 기여하였습니다. ' p5.experience: '확장형 p5.js 라이브러리로, 캔버스 기반 웹 어플리케이션 제작을 위한 이벤트리스닝 기능을 추가할 수 있습니다. ' p5.func: 'p5.func은 시간, 빈도, 그리고 공간 기능 생성을 위한 새로운 객체 및 기능을 제공합니다. ' p5.geolocation: 'p5.geolocation은 사용자 위치를 획득, 관찰, 계산, 지오펜싱(geo-fencing)하기 위한 기술을 제공합니다. ' - p5.glitch: p5.glitch는 글리치 이미지와 이진(binary) 파일을 위한 p5.js 확장자입니다. p5.gibber: 'p5.gibber는 음악 시퀀싱 및 오디오 합성 기능을 빠른 속도로 제공합니다. ' grafica.js: 'grafica.js는 p5.js 스케치상 변형이 쉬운 2D 플롯을 추가합니다. ' p5.gui: 'p5.gui는 p5.js 스케치를 위한 그래픽 유저 인터페이스를 생성합니다. ' - p5.j5: >- - The full Johnny-Five.io Nodebots/robotics library for Arduino and other - microcontrollers made to work directly in browser with WebSerial or WebUSB. p5.localmessage: 'p5.localmessage는 멀티윈도우 스케칭을 위한 스케치 간 로컬 메시지 전송 기능 및 인터페이스를 제공합니다. ' marching: '래스터에서 벡터로의 변환, 등면.' mappa: 'Mappa는 정적 맵, 타일 맵, 지오 데이터 활용을 위한 툴을 제공합니다. 지리 정보 기반의 시각적 재현물을 제작할 때 용이합니다. ' ml5.js: 'ml5.js는 Tensorflow.js를 기반으로하며, 머신러닝 알고리즘 및 모델에 대한 브라우저상의 접근성을 높입니다. ' - numero: 친숙하고 직관적인 수학 라이브러리입니다. - pdl.library: 상호작용하는 도형을 통해 물리를 가르치고 배울 수 있게하는 함수와 클래스들입니다. p5.play: 'p5.play는 게임과 같은 어플리케이션 제작을 위한 스프라이트(sprite), 애니메이션, 인풋, 충돌 기능을 제공합니다. ' p5.particle: '파티클은 사용자가 직접 제작한 구조나 기능, 또는 JSON 인풋 데이터를 사용하여 시각적 효과를 만드는 데에 쓰입니다. ' - p5.party: 'p5.party는 네트워크 기반의 멀티유저 게임, 앱, 그리고 스케치를 쉽게 만들 수 있게 하는 라이브러리입니다.' - p5.Polar: p5.Polar는 수학적 추상화를 통해 아름답고 만화경 같은 방사형의 패턴을 쉽게 만들 수 있게 해 줍니다. - react-p5: 이 라이브러리는 여러분의 p5 스케치와 리액트(React) 앱을 연동합니다. - p5.recorder: 스케치 녹화 및 오디오 녹음 기능을 제공합니다. p5.Riso: 'p5.Riso는 석판화와 같은 파일을 생성하는 라이브러리입니다. 스케치를 다양한 색상의 판화처럼 만들어줍니다. ' rita.js: 'RiTa.js는 제너레이티브 문학을 위한 자연어 처리 객체를 제공합니다. ' - Rotating knobs: 스킨과 반환값을 설정할 수 있는 나만의 노브(knob)를 만들어보세요 + Rotating knobs: Make knobs you can rotate with custom graphics and return value ranges. p5.scenemanager: >- p5.SceneManager는 스케치를 여러 단계의 씬들로 구성할 수 있도록 합니다. 각각의 씬은 메인 스케치에 포함된 일부 스케치와도 같습니다. p5.screenPosition: 프로세싱의 screenX 및 screenY 기능을 p5js에 적용합니다. p5.scribble: '2D 기본 조형을 손그림으로 표현합니다. 제작: Janneck Wullschleger, 프로세싱 라이브러리 포트 기반 ' - p5.serialport: >- - p5.serial enables serial communication between devices that support serial - (RS-232) and p5 sketches running in the browser. + p5.serial: 'p5.serial는 시리얼 (RS-232)와 p5 웹 에디터를 지원하는 기기상에서의 직렬 통신을 구현합니다. ' Shape5: Shape5는 코딩을 처음 배우는 초등학생을 위한 2D 기본 조형 라이브러리입니다. p5.shape.js: p5.js 프레임워크에 더 많은 기본 도형을 추가하고자 제작된 라이브러리입니다. - P5.slides: p5.slides is a presentation platform written in p5.js. - p5snap: >- - p5snap is a command-line interface that creates and saves snapshots of a p5 - sketchp5snap is a command-line interface that creates and saves snapshots - of a p5 sketch on an interval. p5.speech: >- p5.speech는 웹 스피치 및 스피치 인식 API에 대한 접근 권한을 제공하여, 음성을 인식하고 출력할 수 있는 스케치를 쉽게 만들 수 있게 합니다. p5.start2d.js: '픽셀, 밀리미터, 센티미터 또는 인치 단위의 정적인 2D 아트를 만들기 위한 p5 확장 라이브러리입니다. ' p5.tiledmap: 'p5.tiledmap은 스케치에 지도를 넣기 위한 드로잉 및 도움 기능을 제공합니다. ' - TiledPlay: >- - A small library to bridge the functionality of p5.js, p5.play.js and - p5.tiled.js to easily create 2D platformer games using javascript. p5.touchgui: 'p5.js를 위한 멀티터치 및 마우스 그래픽 유저 인터페이스(GUI) 라이브러리 ' tramontana: >- Tramontana는 인터랙티브 환경 및 공간을 생성하거나, 공간 속 스케일 기능을 프로토타이핑하기 위한 여러가지 기기(iOS, Android, tramontana Board, ...)를 쉽게 쓸 수 있도록 하는 플랫폼입니다. - TurtleGFX: >- - TurtleGFX allows to code with Turtle Graphics in JavaScript. Great for - education and creative coding. - p5.tween: >- - With p5.tween you can create easily animations as tween for your objects - and shapes. vida: 'Vida는 카메라(또는 비디오) 기반의 모션 감지 및 얼룩(blob) 트래킹 기능을 더하는 p5js 라이브러리입니다. ' p5.voronoi: 'p5.voronoi는 p5.js 스케치상 보로노이 다이어그램을 그리고 활용할 수 있는 툴을 제공합니다. ' - p5.wasm: >- - p5.wasm is an addon library written in Rust and compiled to WebAssembly - that implements common functions found in p5.js. p5.xr: p5로 VR 및 AR 스케치를 작성하기위한 라이브러리. p5.3D: 'WebGL로 3D 텍스트 및 이미지를 쓸 수 있습니다. ' - WEBMIDI.js: Easily send and receive MIDI messages from p5. - p5.buttons: A library that aims to de-complicate scripting buttons. - p5.button: >- - Small one function library to design and render simple or styled buttons - directly in p5.js canvas. - p5.math.js: >- - The mathematical operations of JavaScript have been converted into simple - human language so that they can understand really quickly. - p5LiveMedia: 'Real time audio, video, canvas, and data sharing.' - P5.Create: 'p5.create는 효율적인 게임 제작을 위해 설계된 저장, 애니메이션, 충돌 및 태그 기능을 제공하는 라이브러리입니다.' - p5.quadrille.js: p5.js quadrille library. - p5.animS: p5.animS animates p5.js shapes by rendering their drawing processes. - I_AM_UI: UserInterface 라이브러리. - simple.js: Helper functions and defaults for young and new coders. - p5.timer: >- - This library performs asynchronous timing functions like countdowns, - one-shot timers, % time elapsed and encapsulates the millis() function and - other related calculations that often clog up your code. - c2.js: >- - c2.js is a JavaScript library for creative coding based on computational - geometry, physics simulation, evolutionary algorithm and other modules. - Concave Hull: Calculate a Concave Hull from a set of points in 2D space. - p5.joystick: 물리적 조이스틱으로 연결 및 플레이. - p5.webserial: >- - A library for interacting with Serial devices from within the browser, - based on Web Serial API (available on Chrome and Edge). - p5.pattern: A pattern drawing library for p5.js. - p5.jacdac: Plug-and-play micro-controllers for p5js - p5.PatGrad: p5.PatGrad let's you add patterns and gradients to your sketches. - p5.projection: Easy projection mapping of sketches onto real world surfaces - p5.Framebuffer: >- - A fast offscreen canvas for WebGL, giving access to depth data for fog and - blur effects. - p5.capture: >- - p5.capture provides a simple GUI to easily record p5.js animations and - output video files in various formats (webm, gif, mp4, png, jpg, and webp). - p5.input: Adds more key support for p5.js. - p5.web-serial: >- - A p5.js library for using the Web Serial API to access devices like - Arduino, no setup required. - p5.wasm.core: A web assembly core for p5.js. - p5.videorecorder: Record your canvas as a video file with audio. - p5.mapper: >- - p5.mapper is a projection mapping library for p5.js. This library makes it - easy to code and keystone interactive, algorithmic sketches. - p5.teach: >- - A beginner friendly math animation library for p5.js. Created with - mentorship from Nick McIntyre and Jithin KS. - p5.fab: p5.fab controls digital fabrication machines from p5.js. using-a-library-title: 라이브러리 이용하기 using-a-library1: >- 라이브러리란 p5.js의 핵심 기능을 확장하거나 추가하는 자바스크립트 코드를 말합니다. 라이브러리에는 크게 두 종류가 있습니다. 주요 @@ -1330,316 +1249,320 @@ teach: teach-case-subtitle3: 난이도 teach-case-subtitle4: 목표 teach-case-subtitle5: 방법 & 교보재 - teach-case1-title: p5.js at Ubuntu Party! - teach-case1-lead-name: Basile Pesin - teach-case1-content1: '2020 우분투 행사(Ubuntu Party), ' - teach-case1-content1-1: 'Cité des Sciences et de l''Industrie, Paris, France' - teach-case1-content2: 'Any age, including children and parents, young and older adults.' - teach-case1-content3: Advanced - teach-case1-content4: >- + teach-case1-title: Introduction to Video Game Programming in High School with p5.js + teach-case1-lead-name: Emanuele Bolognesi + teach-case1-image-alt: A group photo of 25 students with their teacher + teach-case1-content1: '📍 High School Russell-Newton, Scandicci (FI), Italy. ' + teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content2: 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys + teach-case1-content3: ' Elementary' + teach-case1-content4: Introduce 10th grade students to simple video game programming using javascript and p5.js + teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5-1: The + teach-case1-content5-2: works + teach-case1-content5-3: of the students + teach-case2-title: Fractal implementations + teach-case2-lead-name: Mariana + teach-case2-content1: 'Mars' + teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content2: 15 + teach-case2-content3: ' Advanced' + teach-case2-content4: Introduce the theme of fractals and use p5js to implement them + teach-case2-content5: 'Just ' + teach-case3-title: Introduction to Computational Media with p5.js + teach-case3-lead-name: Barry Voeten + teach-case3-content1: 'school' + teach-case3-content1-1: 'entire course' + teach-case3-content2: Dutch school kids, age 14-15 + teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content4: education + teach-case3-content5: 'Syllabus' + teach-case4-title: Calculadora de IMC + teach-case4-lead-name: Dayana + teach-case4-content1: 'Youtube' + teach-case4-content1-1: '00h: 30min' + teach-case4-content2: Inscritos no canal do youtube, houveram 18 vizializações. + teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. + teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case5-title: Taller de Creative Coding + teach-case5-lead-name: Federico Santana + teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online + teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' + teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content2: Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. + teach-case5-content3: ' Elementary' + teach-case5-content4: Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto. + teach-case5-content5: 'Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:' + teach-case6-title: '50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩‍👧‍👦)' + teach-case6-lead-name: Inhwa Yeom + teach-case6-image-alt: In-class photo + teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' + teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content2: People who identify themselves as older adults (average age = 62.54), and their companions of all ages. + teach-case6-content3: ' Elementary' + teach-case6-content4: p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ + teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case7-title: Introduction to p5js + teach-case7-lead-name: Bérenger Recoules a.k.a b2renger + teach-case7-image-alt: example picture + teach-case7-content1: L'École de Design Nantes Atlantique - France + teach-case7-content1-1: from 2018 and ongoing + teach-case7-content2: Students from l'école de design Nantes Atlantique + teach-case7-content3: ' Elementary' + teach-case7-content4: get to know p5js and its functionalities (dom, audio, webgl etc.) + teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case8-title: I am starting a new one - + teach-case8-lead-name: Brinder Soin + teach-case8-content1: 'New Jersey' + teach-case8-content1-1: '12/28 - 12/30' + teach-case8-content2: About 100 students from grades 7, 8 and 9 from various schools and locations. + teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content4: Keeping children safe and learning in the time of covid and promote STEM education + teach-case8-content5: 'Teacher created notes and worksheets and IDE p5 web editor' + teach-case9-title: Programación Aplicada al Arte Visual e Interactivo + teach-case9-lead-name: Sebastián Zavatarelli + teach-case9-image-alt: A zoom class sharing p5.js web editor + teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' + teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. + teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content4: El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido. + teach-case9-content5: 'p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle' + teach-case10-title: Painting with Code + teach-case10-lead-name: Andreas Refsgaard + teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1-1: '22/02/2020' + teach-case10-content2: Participants were people . A wide range of people from + teach-case10-content3: ' Intermediate' + teach-case10-content4: Get creatives, designers, artists and other people who don't typically use code introduced to p5.js + teach-case10-content5: 'Website, p5.js editor' + teach-case11-title: Signing Coders + teach-case11-lead-name: Taeyoon Choi + teach-case11-content1: 'BRIC, New York City. USA + Seoul Museum of Art, Seoul, South Korea.' + teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case11-content3: ' Elementary' + teach-case11-content4: To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case11-content5: 'We used p5.js Web editor and code examples on the website. + We also used dice, playing cards and various paper tools to help students learn about coding concepts. ' + teach-case12-title: Digital Weaving & Physical Computing Workshop Series + teach-case12-lead-name: Qianqian Ye + teach-case12-image-alt: In-class photo + teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' + teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' + teach-case12-content2: 15 women and non-binary artists, designer, makers, programers. + teach-case12-content3: ' Elementary' + teach-case12-content4: Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers. + teach-case12-content5: 'Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool + Methods: small team session' + teach-case12-content5-1: "Slides we used for the workshop:" + teach-case13-title: p5.js à l'Ubuntu Party! + teach-case13-lead-name: Basile Pesin + teach-case13-content1: '2020 우분투 행사(Ubuntu Party),' + teach-case13-content1-1: Cité des Sciences et de l''Industrie, Paris, France + teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content3: Advanced + teach-case13-content4: >- To introduce a new public to programming through fun and compelling - examples. - teach-case1-content5: >- + examples. + teach-case13-content5: >- Method: in-person workshop, 1 hour per session, with different participant each times. The students were using (Ubuntu) machines with the p5.js web editor. I was teaching using a video projector as well as a board. - teach-case1-content5-1: >- + teach-case13-content5-1: >- Materials: The exercises I gave where accessible through p5.js web-editor - links available in - teach-case2-title: >- + links available in + teach-case14-title: >- Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js - teach-case2-lead-name: Priti Pandurangan & Ajith Ranka - teach-case2-image-alt: >- - A group of participants collaborating to create some designs using the p5.js - web editor on their laptops. - teach-case2-content1: 'National Institute of Design, Bangalore' - teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' - teach-case2-content2: >- + teach-case14-lead-name: Priti Pandurangan & Ajith Ranka + teach-case14-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. + teach-case14-content1: 'National Institute of Design, Bangalore' + teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case2-content3: 'Priti: Intermediate & Ajith: Advanced' - teach-case2-content4: >- + teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' + teach-case14-content4: >- To explore generative art & design and recreate some classical works - with p5.js. - teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case2-content5-1: '' - teach-case2-content5-2: 'Course page ' - teach-case2-content5-3: 'linking to sketches on the p5 editor, ' - teach-case2-content5-4: 'interactive reference guide ' - teach-case2-content5-5: to p5 basics - teach-case3-title: CC Fest (Creative Coding Festival) - teach-case3-lead-name: Saber - teach-case3-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' - teach-case3-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case3-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' - teach-case3-content2: >- + with p5.js. + teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' + teach-case14-content5-1: 'Materials: ' + teach-case14-content5-2: 'course page ' + teach-case14-content5-3: 'linking to sketches on the p5 editor, ' + teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5-5: to p5 basics + teach-case15-title: CC Fest (Creative Coding Festival) + teach-case15-lead-name: Saber + teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' + teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' + teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case3-content3: Intermediate - teach-case3-content4: >- + teach-case15-content3: Intermediate + teach-case15-content4: >- To build a teacher and student community around p5 for middle and high school. - teach-case3-content5: >- + teach-case15-content5: >- A half-day of workshop led by volunteer teachers. We saw lots of different methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix. - teach-case3-content5-1: CC Fest Lessons page - teach-case3-content5-2: ' for teaching materials' - teach-case3-content5-3: More photos - teach-case4-title: Introduction to Creative Programming with p5.js - teach-case4-lead-name: Aarón Montoya-Moraga - teach-case4-image-alt: >- - A group of 20 people sitting on a large shared table with their laptops - looking at a projected screen. - teach-case4-speech: 'p5.js is my happy place ' - teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case4-content1-1: ' 2018 November 14, 3 hours' - teach-case4-content2: >- + teach-case15-content5-1: CC Fest Lessons page + teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-3: More photos + teach-case16-title: Taller Introducción a la Programación Creativa con p5.js + teach-case16-lead-name: Aarón Montoya-Moraga + teach-case16-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. + teach-case16-speech: 'p5.js is my happy place ' + teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' + teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-content2: >- I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue. - teach-case4-content3: 'Elementary, Intermediate, Advanced' - teach-case4-content4: >- + teach-case16-content3: 'Elementary, Intermediate, Advanced' + teach-case16-content4: >- Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :) - teach-case4-content5: 'I used the material on this ' - teach-case4-content5-1: GitHub repo - teach-case4-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' - teach-case4-content5-3: '+CODE electronic art festival 2018, Argentina' - teach-case4-content5-4: ', Medium' - teach-case5-title: Introduction to Generative Drawing - teach-case5-lead-name: Adam Herst - teach-case5-speech: >- + teach-case16-content5: 'I used the material on this ' + teach-case16-content5-1: GitHub repo + teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' + teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' + teach-case16-content5-4: ', Medium' + teach-case17-title: Introduction to Generative Drawing + teach-case17-lead-name: Adam Herst + teach-case17-speech: >- My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists. - teach-case5-content1: Inter/Access - teach-case5-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' - teach-case5-content1-2: In-person with a self-paced workbook for remote work - teach-case5-content1-3: ' 2020 February 12, 7PM-9PM' - teach-case5-content2: 15 artists - teach-case5-content3: Elementary - teach-case5-content4: >- + teach-case17-content1: Inter/Access + teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-2: In-person with a self-paced workbook for remote work + teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content2: 15 artists + teach-case17-content3: Elementary + teach-case17-content4: >- To introduce p5.js to artists with little or no programming experience and to suggest one way an analogue practice can migrate to a digital form. - teach-case5-content5: >- + teach-case17-content5: >- A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing. - teach-case5-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' - teach-case5-content5-2: Introduction to Generative Drawing Letter PDF - teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF - teach-case6-title: 'Open Lecture, Creative Coding: 2020' - teach-case6-lead-name: Shunsuke Takawo - teach-case6-image-alt: >- - A table on which there is a laptop, some sheets of papers, colorful pens and - two automatic machines drawing something with a pen on a sheet. - teach-case6-speech: >- + teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-2: Introduction to Generative Drawing Letter PDF + teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF + teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-lead-name: Shunsuke Takawo + teach-case18-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. + teach-case18-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! - teach-case6-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' - teach-case6-content1-1: ' 2020 March 16-18, 1-7 PM' - teach-case6-content2: 'Students of Kyoto University of Art and Design, and anyone.' - teach-case6-content3: Elementary - teach-case6-content4: Making code as a tool for artistic expression. - teach-case6-content5: 'Dropbox Paper, p5.js web editor.' - teach-case6-content5-1: Syllabus - teach-case6-content5-2: Day 1 - teach-case6-content5-3: Day 2 - teach-case6-content5-4: Day 3 - teach-case6-content5-5: ', YouTube' - teach-case7-title: Creative Coding for Static Graphics - teach-case7-lead-name: Shunsuke Takawo - teach-case7-speech: >- + teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' + teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' + teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content3: Elementary + teach-case18-content4: Making code as a tool for artistic expression. + teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5-1: Syllabus + teach-case18-content5-2: Day 1 + teach-case18-content5-3: Day 2 + teach-case18-content5-4: Day 3 + teach-case18-content5-5: ', YouTube' + teach-case19-title: Creative Coding for Static Graphics + teach-case19-lead-name: Shunsuke Takawo + teach-case19-speech: >- Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try! - teach-case7-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case7-content1-1: ' 2019 September 15, 4-7 PM ' - teach-case7-content2: Anyone who wants to try coding in p5.js. - teach-case7-content3: Intermediate - teach-case7-content4: To code from the graphic design's perspective. - teach-case7-content5: 'Dropbox Paper, p5.js web editor.' - teach-case7-content5-1: Syllabus & Material - teach-case8-title: Generative Typography - teach-case8-lead-name: 정대인 - teach-case8-image-alt: >- - A image with black background displaying the letter 'b' in 5 different - styles along with a menu with various styling options to choose. - teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' - teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. - teach-case8-content3: Elementary - teach-case8-content4: Experiment with typographic forms and structures through computation. - teach-case8-content5: 'Methods: online/offline lectures and critiques.' - teach-case8-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' - teach-case8-content5-2: Works of participants - teach-case9-title: Machine Learning for the Web - teach-case9-lead-name: Yining Shi - teach-case9-image-alt: >- - A group of 16 people sitting around tables with their laptops, mobile phones - and some other accessories, facing towards a large television screen. - teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' - teach-case9-content2: >- + teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' + teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content2: Anyone who wants to try coding in p5.js. + teach-case19-content3: Intermediate + teach-case19-content4: To code from the graphic design's perspective. + teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5-1: Syllabus & Material + teach-case20-title: Generative Typography + teach-case20-lead-name: 정대인 + teach-case20-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. + teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' + teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. + teach-case20-content3: Elementary + teach-case20-content4: Experiment with typographic forms and structures through computation. + teach-case20-content5: 'Methods: online/offline lectures and critiques.' + teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5-2: Works of participants + teach-case21-title: Machine Learning for the Web + teach-case21-lead-name: Yining Shi + teach-case21-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. + teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' + teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content2: >- Students at Interactive Telecommunications Program, New York University. 16 people. - teach-case9-content3: 'Elementary, Intermediate' - teach-case9-content4: >- + teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content4: >- The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using ml5.js and p5.js. - teach-case9-content5: >- + teach-case21-content5: >- This class is a mix of lectures, coding sessions, group discussions, and - presentations. I used - teach-case9-content5-1: GitHub - teach-case9-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' - teach-case9-content5-3: 'Methods: online/offline lectures and critiques.' - teach-case10-title: Introduction to p5.js and JavaScript - teach-case10-lead-name: Nico Reski - teach-case10-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' - teach-case10-content3: 'Beginner, Elementary' - teach-case10-content4: >- + presentations. I used + teach-case21-content5-1: GitHub + teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' + teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case22-title: Introduction to p5.js and JavaScript + teach-case22-lead-name: Nico Reski + teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' + teach-case22-content3: 'Beginner, Elementary' + teach-case22-content4: >- Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding and enable them to pursue own projects in a safe environment. - teach-case10-content5: >- + teach-case22-content5: >- p5.js source code (for the introductory project), JavaScript source code (illustrating some basic JavaScript functionalities), accompanying slides in - .pdf format, all hosted publicly on GitHub. - teach-case10-content5-1: Overview - teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' - teach-case11-title: Digital Weaving & Physical Computing Workshop Series - teach-case11-lead-name: Qianqian Ye & Evelyn Masso - teach-case11-image-alt: >- - This image is divided in two parts. The left part shows a group of 15 women - sitting on chairs with their laptops and looking at a presentor who is - explaining a code on a projected screen. The right part of the image shows a - person learning weaving using a physical pattern and a weaving tool. - teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' - teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' - teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' - teach-case11-content3: Elementary - teach-case11-content4: >- + .pdf format, all hosted publicly on GitHub. + teach-case22-content5-1: Overview + teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case23-title: Digital Weaving & Physical Computing Workshop Series + teach-case23-lead-name: Qianqian Ye & Evelyn Masso + teach-case23-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. + teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' + teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' + teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content3: Elementary + teach-case23-content4: >- Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers. - teach-case11-content5: 'Methods: small team session' - teach-case11-content5-1: >- + teach-case23-content5: 'Methods: small team session' + teach-case23-content5-1: >- Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool. - teach-case11-content5-2: 'Workshop Slide #1' - teach-case11-content5-3: 'Workshop Slide #2' - teach-case11-content5-4: Workshop Information - teach-case11-content5-5: ' on WCCW website.' - teach-case12-title: Signing Coders - teach-case12-lead-name: 최태윤 - teach-case12-image-alt: >- - Two volunteers explaining concepts using a white board and a screen to a - bunch of deaf and hard of hearing students, each student facing a computer - screen. - teach-case12-speech: >- + teach-case23-content5-2: 'Workshop Slide #1' + teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-4: Workshop Information + teach-case23-content5-5: ' on WCCW website.' + teach-case24-title: Signing Coders + teach-case24-lead-name: 최태윤 + teach-case24-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. + teach-case24-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center. - teach-case12-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' - teach-case12-content1-1: '5 Sessions, each 2~3 hours' - teach-case12-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. - teach-case12-content3: Elementary - teach-case12-content4: >- + teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' + teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case24-content3: Elementary + teach-case24-content4: >- To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. - teach-case12-content5: >- + teach-case24-content5: >- We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts. - teach-case12-content5-1: Syllabus & Material - teach-case12-content5-2: More photos - teach-case13-title: Painting with Code - teach-case13-lead-name: Andreas Refsgaard - teach-case13-speech: >- - I'm working on a new series of coding class for Disabled students in South - Korea. I'm researching about the pedagogy and translation. I plan to hold - workshops in December 2020. The project is supported by the Open Society - Foundation Human Rights Initiative and Korea Disability Arts & Culture - Center. - teach-case13-content1: 'Copenhagen, Denmark' - teach-case13-content1-1: 2020 February 22 - teach-case13-content2: A wide range of people. - teach-case13-content3: Intermediate - teach-case13-content4: >- - Get creatives, designers, artists and other people who don't typically use - code introduced to p5.js. - teach-case13-content5: 'Website, p5.js editor.' - teach-case13-content5-1: Material - teach-case14-title: Smarter Home 더 똑똑한 집 - teach-case14-lead-name: 로렌 맥카시(Lauren McCarthy) - teach-case14-speech: >- - The Smarter Home / 더 똑똑한 집 American Arts Incubator 워크숍은 미래의 '더 똑똑한 집'을 - 재상상합니다. - teach-case14-content1: ' 광주문화재단, 대한민국 광주광역시' - teach-case14-content1-1: 2020년 4월 19일 - 5월 11일 - teach-case14-content1-2: ZERO1 American Art Incubator(AAI) 주최 및 지원 - teach-case14-content2: 16명 (광주광역시 및 인근 지역 거주민) - teach-case14-content3: 초급 & 중급 - teach-case14-content4: >- - 이 워크숍에서 참여자들은 p5.js와 ml5.js와 같은 기술로 미래의 스마트 홈을 재구성합니다. 한국 사회 속 여러 '홈'에서 포착되는 - 기술의 역할들을 논의하며, 참여자들은 미래에 대한 비판적-낙관주의로 추동되는, '더 스마트한' 집에 대한 비전을 표현하고자 했습니다. - teach-case14-content5: 'p5.js, p5 웹에디터, ml5.js, 설치 작품. ' - teach-case14-content5-1: '1) "더 똑똑한 집"이라는 개념을 프로토타이핑하며, 각자만의 고유한 언어로서 어떤 사적인 공간에 기술을 들이는 방식을 연구 ' - teach-case14-content5-2: '2) 총 4개의 참여자팀으로 나뉘어, 하나의 "더 똑똑한 집"을 구성하는 4개의 ''방'' 개념의 작품을 각 팀이 담당' - teach-case14-content5-3: >- - 3) 머신 러닝, 오디오 프로세싱, 컴퓨터 비전 기술을 활용하여, '더 똑똑한 집' 속 사람의 존재를 추정, 이에 반응할 수 있는 기술 - 구현 - teach-case14-content5-4: >- - 4) 이 모든 것이 하나의 "더 똑똑한 집" 설치물을 이루는, 서로 연결된 4개의 방들로 구축되며 각 방은 해당 팀만의 문제의식을 다루는 - 논의의 장으로서 제시 - teach-case14-content5-5: 워크숍 사진 - teach-case15-title: Introduction to p5js - teach-case15-lead-name: Bérenger Recoules (a.k.a b2renger) - teach-case15-content1: 'L''École de Design Nantes Atlantique, France' - teach-case15-content1-1: Since 2018 and ongoing - teach-case15-content2: Students from l'école de design Nantes Atlantique' - teach-case15-content3: Elementary - teach-case15-content4: 'To get to know p5.js and its functionalities (DOM, audio, WebGL, etc.) ' - teach-case15-content5: GitHub Readme File - teach-case15-content5-1: ' : a text tutorial in French' - teach-case16-title: "50+ 코딩 클럽: 오손(\U0001F590)도손(孫) 내 인생 첫 코딩 아트" - teach-case16-lead-name: 염인화 - teach-case16-speech: >- - 이 워크숍은 2020 프로세싱 재단 펠로우십 프로젝트 'p5 for 50+'의 연장선에서, 국립아시아문화전당(ACC)의 지원을 받아 - 개최되었습니다. - teach-case16-content1: ' 국립아시아문화전당(ACC), 대한민국 광주광역시 & 가상-온라인' - teach-case16-content1-1: '(대면) 2020년 11월 20-28일, 매주 금요일 및 토요일; (비대면) 2020년 12월 이후 유투브 비디오 시청 가능' - teach-case16-content2: '전체 8명, 6명의 중장년 및 노년층 참여자와 2명의 자녀' - teach-case16-content2-1: 1) 스스로를 중장년 및 노년층이라 정의하는 사람 - teach-case16-content2-2: 2) 위의 1번에 해당하는 사람과 동반하는 전연령대 사람 - teach-case16-content3: 초급 - teach-case16-content4: >- - 이 워크숍은 비영어권 국가 50+세 인구의 디지털 문해력과 권리 향상을 목표로하며, 특히 코딩 교육에 대한 이들의 물리적, 언어적, - 심리적 장벽을 낮추고자 스마트폰 기반의 p5.js 크리에이티브 코딩을 학습을 진행하였습니다. - teach-case16-content5: p5for50+ 웹앱 - teach-case16-content5-1: >- - (기존 p5.js 웹에디터를 스마트폰 기반 웹앱에 임베드), 웹에디터로 제작된 p5 스케치를 현장에서 출력, 액자에 담아 참여자들에게 - 배포. - teach-case16-content5-2: 커리큘럼 - teach-case16-content5-3: 유투브 - teach-case16-content5-4: 워크숍 사진 - teach-case17-title: Programming Applied to Visual and Interactive Art - teach-case17-lead-name: Sebastián Zavatarelli - teach-case17-speech: >- - The course is part of the extension courses on the trans-departmental area - of multimedia arts of National University of the Arts in Argentina. - teach-case17-content1: ' Buenos Aires, Argentina. Virtual & Online' - teach-case17-content1-1: '2020 September 15 - October 14 every Wednesday 6:30-9:00 PM' - teach-case17-content2: Around 10 people. Mostly women. - teach-case17-content3: Elementary & Intermediate - teach-case17-content4: >- - The course is intended for artists who want to start using current - technological tools for the development of their works. It can also be used - by those who want to get started in computer programming through a simple, - visual, accessible and fun programming environment. - teach-case17-content5: >- - p5.js web editor. Online through Zoom platform and material uploaded in - Moodle. - teach-case17-content5-1: More pictures + teach-case24-content5-1: Syllabus & Material + teach-case24-content5-2: More photos \ No newline at end of file diff --git a/src/data/zh-Hans.yml b/src/data/zh-Hans.yml index 5bc7865a1f..c4ca02ebc1 100644 --- a/src/data/zh-Hans.yml +++ b/src/data/zh-Hans.yml @@ -18,6 +18,7 @@ Forum: 论坛 Showcase: 案例展示 footerxh1: 归功于 footer1: p5.js 目前由 +footer2: 与 footer3: 领导，原创者为 footer4: 。p5.js 是在 footer5: 和 @@ -530,126 +531,44 @@ libraries: asciiart: p5.asciiart 是个简单易使用的图像 - ASCII 画作转换器。 p5.ble: 一个启用 BLE 装置及 p5 绘图之间的沟通的 Javascript 编程库。 p5.bots: p5.bots 让您通过网页浏览器和 Arduino（或其他微处理器）互动。您可以使用传感器资料来驱动绘图会使用绘图来驱动 LED、马达等等！ - p5.bezier: 一个画高阶贝塞尔曲线的库。 p5.clickable: 事件驱动、易使用的 p5.js 按钮编程库。 p5.cmyk.js: CMYK 色彩空间。 p5.collide2D: p5.collide2D 提供一系列工具适用于计算在 p5.js 内的 2D 几何形状的碰撞检测。 - CO2Budget.js: 该库向与p5 * js相关联的编码人员，设计师和艺术家的创意社区开放了CO2-Countdown的概念。 p5.createloop: 使用一行编码制作运用噪声及 GIF 输出的动画循环。 p5.dimensions: p5.dimensions 扩展 p5.js 的向量功能以包括更高维数的计算。 p5.EasyCam: 简单的3D摄像机控制，具有惯性平移，缩放和旋转功能。 主要贡献者 Thomas Diewald。 p5.experience: 提供 p5.js 附加事件聆听功能并用以制作基于画布的网页应用程序的程式库。 p5.func: p5.func 是个提供新物件及时间、频率和空间函数操作的 p5 扩展程式库。 p5.geolocation: p5.geolocation 提供给 p5.js 获取、观察、计算使用者地理位置及地理围栏的功能。 - p5.glitch: p5.glitch extends p5.js for glitching images and binary files. p5.gibber: p5.gibber 提供快速音乐排序及音频合成功能。 grafica.js: grafica.js 让您在您的 p5.js 绘图中添加简单但高度可配置的 2D 图表。 p5.gui: p5.gui 提供您的 p5.js 绘图一系列图形用户界面。 - p5.j5: >- - The full Johnny-Five.io Nodebots/robotics library for Arduino and other - microcontrollers made to work directly in browser with WebSerial or WebUSB. p5.localmessage: p5.localmessage 提供一个简易的界面以在不同绘图之间传递信息并使同时使用多个视窗制作绘图更容易！ marching: 光栅到向量转换，等值面。 mappa: Mappa 提供一系列给静态地图、重叠地图及地理数据的工具。特别适用于制作使用地理位置的应用程式。 ml5.js: 建在Tensorflow.js的基础之上，ml5.js提供更简单的网页中使用机器学习算法和模型的方法。 - numero: A friendly and intuitive math library for p5.js. - pdl.library: >- - A set of functions and classes to create interactive diagrams for teaching - and learning physics. p5.play: p5.play 提供图像、动画、输入及碰撞检测功能以方便制作游戏或游戏类程式。 p5.particle: Particle 及 Fountain 物件可以用以制作数据驱动效果，该数据可来自使用者互动或 JSON 文件。 - p5.party: >- - p5.party is a library for easily creating networked multiuser games, apps, - and sketches. - p5.Polar: >- - p5.Polar provides mathematical abstractions making it easy to create create - beautiful, kaleidoscopic, radial patterns. - react-p5: This library lets you integrate p5 Sketches into your React App. - p5.recorder: Record sketch canvas and audio. p5.Riso: p5.Riso 是个用来生成适合 Risograph 印刷的文件的程式库。它能帮助您将您的绘图转换成多色印刷。 rita.js: RiTa.js 提供语言分析功能并也提供生成文字的功能。 Rotating knobs: 使用自定图形及自定返回值范围，制作您能旋转的旋钮。 p5.scenemanager: p5.SceneManager 帮助您制作有多个状态/场景的绘图。各个场景就比如一个在主要绘图内的绘图。 p5.screenPosition: 在 p5.js 内添加来自 Processing 的 screenX 及 screenY 功能。 p5.scribble: 绘制看起来粗略的 2D 形状。作者为 Janneck Wullschleger，来源自 Processing 原有程式库的代码移植。 - p5.serialport: >- - p5.serial enables serial communication between devices that support serial - (RS-232) and p5 sketches running in the browser. + p5.serial: p5.serial 让不同设备使用串联通讯 (RS-232) 与在网页浏览器内的 p5 绘图沟通。 Shape5: Shape5 是个基本的 2D 程式库，用于教导第一次学习使用代码的小学生。 p5.shape.js: 一个为 p5.js 添加更多简单图形的程式库。 - P5.slides: p5.slides is a presentation platform written in p5.js. - p5snap: >- - p5snap is a command-line interface that creates and saves snapshots of a p5 - sketchp5snap is a command-line interface that creates and saves snapshots - of a p5 sketch on an interval. p5.speech: p5.speech 提供简单易用的 Web Speech 及语音识别的 API，使制作能说能听的绘图更加容易。 p5.start2d.js: 使用像素、毫米、厘米或英寸为单位来制作 2D 静态艺术的 p5 附加程式库。 p5.tiledmap: p5.tiledmap 提供绘图及便利功能以在您的绘图中加入地图。 - TiledPlay: >- - A small library to bridge the functionality of p5.js, p5.play.js and - p5.tiled.js to easily create 2D platformer games using javascript. p5.touchgui: p5.js 多点触控及鼠标图形用户界面程式库。 tramontana: >- Tramontana 是个可以用在多种设备上（iOS、Android、tramontana Board等）制作互动环境、互动空间或单纯测试大规模实验的简易平台。 - TurtleGFX: >- - TurtleGFX allows to code with Turtle Graphics in JavaScript. Great for - education and creative coding. - p5.tween: >- - With p5.tween you can create easily animations as tween for your objects - and shapes. vida: Vida 是个添加摄像头（或视屏）运动测试及团块跟踪功能的简单程式库。 p5.voronoi: p5.voronoi 提供您的 p5.js 绘图一系列用以绘制及使用 voronoi 图的工具。 - p5.wasm: p5.wasm 是个使用 Rust 编写并编译成 WebAssembly 的附加程式库，它提供一些常用的 p5.js 功能。 p5.xr: 一个使用p5创建VR和AR草图的库。 p5.3D: WebGL 3D 文字及图像。 - WEBMIDI.js: Easily send and receive MIDI messages from p5. - p5.buttons: A library that aims to de-complicate scripting buttons. - p5.button: >- - Small one function library to design and render simple or styled buttons - directly in p5.js canvas. - p5.math.js: >- - The mathematical operations of JavaScript have been converted into simple - human language so that they can understand really quickly. - p5LiveMedia: 'Real time audio, video, canvas, and data sharing.' - P5.Create: p5.create是一个提供保存，动画，碰撞和标记功能的库，旨在有效地创建游戏。 - p5.quadrille.js: p5.js quadrille library. - p5.animS: p5.animS animates p5.js shapes by rendering their drawing processes. - I_AM_UI: 一个用户界面的库。 - simple.js: Helper functions and defaults for young and new coders. - p5.timer: >- - This library performs asynchronous timing functions like countdowns, - one-shot timers, % time elapsed and encapsulates the millis() function and - other related calculations that often clog up your code. - c2.js: >- - c2.js is a JavaScript library for creative coding based on computational - geometry, physics simulation, evolutionary algorithm and other modules. - Concave Hull: Calculate a Concave Hull from a set of points in 2D space. - p5.joystick: 连接和操作物理操纵杆。 - p5.webserial: >- - A library for interacting with Serial devices from within the browser, - based on Web Serial API (available on Chrome and Edge). - p5.pattern: A pattern drawing library for p5.js. - p5.jacdac: Plug-and-play micro-controllers for p5js - p5.PatGrad: p5.PatGrad let's you add patterns and gradients to your sketches. - p5.projection: Easy projection mapping of sketches onto real world surfaces - p5.Framebuffer: >- - A fast offscreen canvas for WebGL, giving access to depth data for fog and - blur effects. - p5.capture: >- - p5.capture provides a simple GUI to easily record p5.js animations and - output video files in various formats (webm, gif, mp4, png, jpg, and webp). - p5.input: Adds more key support for p5.js. - p5.web-serial: 一个 Web Serial API 的程序，使用户可以无需设置地把 p5js 程序连接 Arduino 之类的单片机。 - p5.wasm.core: A web assembly core for p5.js. - p5.videorecorder: Record your canvas as a video file with audio. - p5.mapper: >- - p5.mapper is a projection mapping library for p5.js. This library makes it - easy to code and keystone interactive, algorithmic sketches. - p5.teach: >- - A beginner friendly math animation library for p5.js. Created with - mentorship from Nick McIntyre and Jithin KS. - p5.fab: p5.fab controls digital fabrication machines from p5.js. using-a-library-title: 如何使用程式库 using-a-library1: p5.js 程式库可以是任何扩展或延伸 p5.js 核心功能的 JavaScript 代码，它们主要分为两种。核心程式库（ using-a-library3: ）是 p5.js 正式发布组的一部分，而社群贡献程式库是由 p5.js 社群成员持有、开发及维持的。 @@ -1232,7 +1151,7 @@ showcase: teach: teach-title2: Teach teach-intro1: >- - Every teaching has its own unique goals, messages, conditions, and + , messages, conditions, and environments. teach-intro2: >- By documenting and sharing p5 workshops, classes, and materials, we hope to @@ -1276,329 +1195,320 @@ teach: teach-case-subtitle3: Level of Difficulty teach-case-subtitle4: Goals teach-case-subtitle5: Method & Materials - teach-case1-title: p5.js at Ubuntu Party! - teach-case1-lead-name: Basile Pesin - teach-case1-content1: '2020 Ubuntu Party, ' - teach-case1-content1-1: 'Cité des Sciences et de l''Industrie, Paris, France' - teach-case1-content2: 'Any age, including children and parents, young and older adults.' - teach-case1-content3: Advanced - teach-case1-content4: >- + teach-case1-title: Introduction to Video Game Programming in High School with p5.js + teach-case1-lead-name: Emanuele Bolognesi + teach-case1-image-alt: A group photo of 25 students with their teacher + teach-case1-content1: '📍 High School Russell-Newton, Scandicci (FI), Italy. ' + teach-case1-content1-1: '02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00' + teach-case1-content2: 25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys + teach-case1-content3: ' Elementary' + teach-case1-content4: Introduce 10th grade students to simple video game programming using javascript and p5.js + teach-case1-content5: 'Method: p5.js web editor' + teach-case1-content5-1: The + teach-case1-content5-2: works + teach-case1-content5-3: of the students + teach-case2-title: Fractal implementations + teach-case2-lead-name: Mariana + teach-case2-content1: 'Mars' + teach-case2-content1-1: '06.02.2022 15:00~15:30' + teach-case2-content2: 15 + teach-case2-content3: ' Advanced' + teach-case2-content4: Introduce the theme of fractals and use p5js to implement them + teach-case2-content5: 'Just ' + teach-case3-title: Introduction to Computational Media with p5.js + teach-case3-lead-name: Barry Voeten + teach-case3-content1: 'school' + teach-case3-content1-1: 'entire course' + teach-case3-content2: Dutch school kids, age 14-15 + teach-case3-content3: ' Elementary, Intermediate, Advanced' + teach-case3-content4: education + teach-case3-content5: 'Syllabus' + teach-case4-title: Calculadora de IMC + teach-case4-lead-name: Dayana + teach-case4-content1: 'Youtube' + teach-case4-content1-1: '00h: 30min' + teach-case4-content2: Inscritos no canal do youtube, houveram 18 vizializações. + teach-case4-content3: ' Elementary, Iniciante' + teach-case4-content4: Auxiliar pessoas que estao iniciando na programação. + teach-case4-content5: 'Editor Web do p5.js , Tutorial no youtube' + teach-case5-title: Taller de Creative Coding + teach-case5-lead-name: Federico Santana + teach-case5-image-alt: Screen shot of the teacher is teaching on p5.js web editor online + teach-case5-content1: 'https://www.twitch.tv/snowflakeFede' + teach-case5-content1-1: 'every saturday 19:00-20:30PM (timezone: GMT-3)' + teach-case5-content2: Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo. + teach-case5-content3: ' Elementary' + teach-case5-content4: Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto. + teach-case5-content5: 'Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:' + teach-case6-title: '50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩‍👧‍👦)' + teach-case6-lead-name: Inhwa Yeom + teach-case6-image-alt: In-class photo + teach-case6-content1: 'Asia Culture Center, Gwangju, South Korea' + teach-case6-content1-1: '27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00' + teach-case6-content2: People who identify themselves as older adults (average age = 62.54), and their companions of all ages. + teach-case6-content3: ' Elementary' + teach-case6-content4: p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+ + teach-case6-content5: 'p5 editor, p5for50+ web app, p5js.org, print out of code results' + teach-case7-title: Introduction to p5js + teach-case7-lead-name: Bérenger Recoules a.k.a b2renger + teach-case7-image-alt: example picture + teach-case7-content1: L'École de Design Nantes Atlantique - France + teach-case7-content1-1: from 2018 and ongoing + teach-case7-content2: Students from l'école de design Nantes Atlantique + teach-case7-content3: ' Elementary' + teach-case7-content4: get to know p5js and its functionalities (dom, audio, webgl etc.) + teach-case7-content5: 'github readme : this a text tutorial to read in French.' + teach-case8-title: I am starting a new one - + teach-case8-lead-name: Brinder Soin + teach-case8-content1: 'New Jersey' + teach-case8-content1-1: '12/28 - 12/30' + teach-case8-content2: About 100 students from grades 7, 8 and 9 from various schools and locations. + teach-case8-content3: ' Elementary, Intermediate, Advanced' + teach-case8-content4: Keeping children safe and learning in the time of covid and promote STEM education + teach-case8-content5: 'Teacher created notes and worksheets and IDE p5 web editor' + teach-case9-title: Programación Aplicada al Arte Visual e Interactivo + teach-case9-lead-name: Sebastián Zavatarelli + teach-case9-image-alt: A zoom class sharing p5.js web editor + teach-case9-content1: 'Buenos Aires, Argentina. Plataforma ZOOM' + teach-case9-content1-1: '15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)' + teach-case9-content2: Alrededor de 10 personas. La mayoría mujeres. + teach-case9-content3: ' Elementary, Intermediate' + teach-case9-content4: El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido. + teach-case9-content5: 'p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle' + teach-case10-title: Painting with Code + teach-case10-lead-name: Andreas Refsgaard + teach-case10-content1: 'Copenhagen, Denmark' + teach-case10-content1-1: '22/02/2020' + teach-case10-content2: Participants were people . A wide range of people from + teach-case10-content3: ' Intermediate' + teach-case10-content4: Get creatives, designers, artists and other people who don't typically use code introduced to p5.js + teach-case10-content5: 'Website, p5.js editor' + teach-case11-title: Signing Coders + teach-case11-lead-name: Taeyoon Choi + teach-case11-content1: 'BRIC, New York City. USA + Seoul Museum of Art, Seoul, South Korea.' + teach-case11-content1-1: '5 Sessions, each 2~3 hours' + teach-case11-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case11-content3: ' Elementary' + teach-case11-content4: To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. + teach-case11-content5: 'We used p5.js Web editor and code examples on the website. + We also used dice, playing cards and various paper tools to help students learn about coding concepts. ' + teach-case12-title: Digital Weaving & Physical Computing Workshop Series + teach-case12-lead-name: Qianqian Ye + teach-case12-image-alt: In-class photo + teach-case12-content1: 'Women’s Center for Creative Work, Los Angeles, CA, US' + teach-case12-content1-1: '19/10/2019 ~ 02/11/2019, every Saturday 3-6pm' + teach-case12-content2: 15 women and non-binary artists, designer, makers, programers. + teach-case12-content3: ' Elementary' + teach-case12-content4: Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers. + teach-case12-content5: 'Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool + Methods: small team session' + teach-case12-content5-1: "Slides we used for the workshop:" + teach-case13-title: p5.js à l'Ubuntu Party! + teach-case13-lead-name: Basile Pesin + teach-case13-content1: '2020 Ubuntu Party ' + teach-case13-content1-1: Cité des Sciences et de l''Industrie, Paris, France + teach-case13-content2: 'Any age, including children and parents, young and older adults.' + teach-case13-content3: Advanced + teach-case13-content4: >- To introduce a new public to programming through fun and compelling examples. - teach-case1-content5: >- + teach-case13-content5: >- Method: in-person workshop, 1 hour per session, with different participant each times. The students were using (Ubuntu) machines with the p5.js web editor. I was teaching using a video projector as well as a board. - teach-case1-content5-1: >- + teach-case13-content5-1: >- Materials: The exercises I gave where accessible through p5.js web-editor links available in - teach-case2-title: >- + teach-case14-title: >- Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js - teach-case2-lead-name: Priti Pandurangan & Ajith Ranka - teach-case2-image-alt: >- - A group of participants collaborating to create some designs using the p5.js - web editor on their laptops. - teach-case2-content1: 'National Institute of Design, Bangalore' - teach-case2-content1-1: '2020 February 8, 2:30-4:00 PM' - teach-case2-content2: >- + teach-case14-lead-name: Priti Pandurangan & Ajith Ranka + teach-case14-image-alt: A group of participants collaborating to create some designs using the p5.js web editor on their laptops. + teach-case14-content1: 'National Institute of Design, Bangalore' + teach-case14-content1-1: '2020 February 8, 2:30-4:00 PM' + teach-case14-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case2-content3: 'Priti: Intermediate & Ajith: Advanced' - teach-case2-content4: >- + teach-case14-content3: 'Priti: Intermediate & Ajith: Advanced' + teach-case14-content4: >- To explore generative art & design and recreate some classical works with p5.js. - teach-case2-content5: 'Methods: In-person, collaborative, hands-on workshop.' - teach-case2-content5-1: '' - teach-case2-content5-2: 'Course page ' - teach-case2-content5-3: 'linking to sketches on the p5 editor, ' - teach-case2-content5-4: 'interactive reference guide ' - teach-case2-content5-5: to p5 basics - teach-case3-title: CC Fest (Creative Coding Festival) - teach-case3-lead-name: Saber - teach-case3-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' - teach-case3-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' - teach-case3-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' - teach-case3-content2: >- + teach-case14-content5: 'Methods: In-person, collaborative, hands-on workshop.' + teach-case14-content5-1: 'Materials: ' + teach-case14-content5-2: 'course page ' + teach-case14-content5-3: 'linking to sketches on the p5 editor, ' + teach-case14-content5-4: 'interactive reference guide ' + teach-case14-content5-5: to p5 basics + teach-case15-title: CC Fest (Creative Coding Festival) + teach-case15-lead-name: Saber + teach-case15-speech: 'Love p5.js. It has meant so much to me, my students, and this community.' + teach-case15-content1: ' New York, Los Angeles, San Francisco, Virtual-Online ' + teach-case15-content1-1: ' Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual' + teach-case15-content2: >- Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants. - teach-case3-content3: Intermediate - teach-case3-content4: >- + teach-case15-content3: Intermediate + teach-case15-content4: >- To build a teacher and student community around p5 for middle and high school. - teach-case3-content5: >- + teach-case15-content5: >- A half-day of workshop led by volunteer teachers. We saw lots of different methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix. - teach-case3-content5-1: CC Fest Lessons page - teach-case3-content5-2: ' for teaching materials' - teach-case3-content5-3: More photos - teach-case4-title: Introduction to Creative Programming with p5.js - teach-case4-lead-name: Aarón Montoya-Moraga - teach-case4-image-alt: >- - A group of 20 people sitting on a large shared table with their laptops - looking at a projected screen. - teach-case4-speech: 'p5.js is my happy place ' - teach-case4-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' - teach-case4-content1-1: ' 2018 November 14, 3 hours' - teach-case4-content2: >- + teach-case15-content5-1: CC Fest Lessons page + teach-case15-content5-2: ' for teaching materials' + teach-case15-content5-3: More photos + teach-case16-title: Taller Introducción a la Programación Creativa con p5.js + teach-case16-lead-name: Aarón Montoya-Moraga + teach-case16-image-alt: A group of 20 people sitting on a large shared table with their laptops looking at a projected screen. + teach-case16-speech: 'p5.js is my happy place ' + teach-case16-content1: ' PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online ' + teach-case16-content1-1: ' 2018 November 14, 3 hours' + teach-case16-content2: >- I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue. - teach-case4-content3: 'Elementary, Intermediate, Advanced' - teach-case4-content4: >- + teach-case16-content3: 'Elementary, Intermediate, Advanced' + teach-case16-content4: >- Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :) - teach-case4-content5: 'I used the material on this ' - teach-case4-content5-1: GitHub repo - teach-case4-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' - teach-case4-content5-3: '+CODE electronic art festival 2018, Argentina' - teach-case4-content5-4: ', Medium' - teach-case5-title: Introduction to Generative Drawing - teach-case5-lead-name: Adam Herst - teach-case5-speech: >- + teach-case16-content5: 'I used the material on this ' + teach-case16-content5-1: GitHub repo + teach-case16-content5-2: ', we used the p5.js web editor, we had a three hour long workshop' + teach-case16-content5-3: '+CODE electronic art festival 2018, Argentina' + teach-case16-content5-4: ', Medium' + teach-case17-title: Introduction to Generative Drawing + teach-case17-lead-name: Adam Herst + teach-case17-speech: >- My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists. - teach-case5-content1: Inter/Access - teach-case5-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' - teach-case5-content1-2: In-person with a self-paced workbook for remote work - teach-case5-content1-3: ' 2020 February 12, 7PM-9PM' - teach-case5-content2: 15 artists - teach-case5-content3: Elementary - teach-case5-content4: >- + teach-case17-content1: Inter/Access + teach-case17-content1-1: ' (artist-run centre), Toronto, Ontario, Canada' + teach-case17-content1-2: In-person with a self-paced workbook for remote work + teach-case17-content1-3: ' 2020 February 12, 7PM-9PM' + teach-case17-content2: 15 artists + teach-case17-content3: Elementary + teach-case17-content4: >- To introduce p5.js to artists with little or no programming experience and to suggest one way an analogue practice can migrate to a digital form. - teach-case5-content5: >- + teach-case17-content5: >- A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing. - teach-case5-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' - teach-case5-content5-2: Introduction to Generative Drawing Letter PDF - teach-case5-content5-3: Introduction to Generative Drawing Booklet PDF - teach-case6-title: 'Open Lecture, Creative Coding: 2020' - teach-case6-lead-name: Shunsuke Takawo - teach-case6-image-alt: >- - A table on which there is a laptop, some sheets of papers, colorful pens and - two automatic machines drawing something with a pen on a sheet. - teach-case6-speech: >- + teach-case17-content5-1: 'Processing Community Day 2019: Generative Drawing at Inter/Access' + teach-case17-content5-2: Introduction to Generative Drawing Letter PDF + teach-case17-content5-3: Introduction to Generative Drawing Booklet PDF + teach-case18-title: 'Open Lecture, Creative Coding: 2020' + teach-case18-lead-name: Shunsuke Takawo + teach-case18-image-alt: A table on which there is a laptop, some sheets of papers, colorful pens and two automatic machines drawing something with a pen on a sheet. + teach-case18-speech: >- I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life! - teach-case6-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' - teach-case6-content1-1: ' 2020 March 16-18, 1-7 PM' - teach-case6-content2: 'Students of Kyoto University of Art and Design, and anyone.' - teach-case6-content3: Elementary - teach-case6-content4: Making code as a tool for artistic expression. - teach-case6-content5: 'Dropbox Paper, p5.js web editor.' - teach-case6-content5-1: Syllabus - teach-case6-content5-2: Day 1 - teach-case6-content5-3: Day 2 - teach-case6-content5-4: Day 3 - teach-case6-content5-5: ', YouTube' - teach-case7-title: Creative Coding for Static Graphics - teach-case7-lead-name: Shunsuke Takawo - teach-case7-speech: >- + teach-case18-content1: ' Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online ' + teach-case18-content1-1: ' 2020 March 16-18, 1-7 PM' + teach-case18-content2: 'Students of Kyoto University of Art and Design, and anyone.' + teach-case18-content3: Elementary + teach-case18-content4: Making code as a tool for artistic expression. + teach-case18-content5: 'Dropbox Paper, p5.js web editor.' + teach-case18-content5-1: Syllabus + teach-case18-content5-2: Day 1 + teach-case18-content5-3: Day 2 + teach-case18-content5-4: Day 3 + teach-case18-content5-5: ', YouTube' + teach-case19-title: Creative Coding for Static Graphics + teach-case19-lead-name: Shunsuke Takawo + teach-case19-speech: >- Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try! - teach-case7-content1: ' FabCafe MTRL, Tokyo, Japan' - teach-case7-content1-1: ' 2019 September 15, 4-7 PM ' - teach-case7-content2: Anyone who wants to try coding in p5.js. - teach-case7-content3: Intermediate - teach-case7-content4: To code from the graphic design's perspective. - teach-case7-content5: 'Dropbox Paper, p5.js web editor.' - teach-case7-content5-1: Syllabus & Material - teach-case8-title: Generative Typography - teach-case8-lead-name: Dae In Chung - teach-case8-image-alt: >- - A image with black background displaying the letter 'b' in 5 different - styles along with a menu with various styling options to choose. - teach-case8-content1: ' Baltimore, Maryland, USA & Virtual-Online ' - teach-case8-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' - teach-case8-content2: 14 undergrads and grad students who had little to no experience in coding. - teach-case8-content3: Elementary - teach-case8-content4: Experiment with typographic forms and structures through computation. - teach-case8-content5: 'Methods: online/offline lectures and critiques.' - teach-case8-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' - teach-case8-content5-2: Works of participants - teach-case9-title: Machine Learning for the Web - teach-case9-lead-name: Yining Shi - teach-case9-image-alt: >- - A group of 16 people sitting around tables with their laptops, mobile phones - and some other accessories, facing towards a large television screen. - teach-case9-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' - teach-case9-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' - teach-case9-content2: >- + teach-case19-content1: ' FabCafe MTRL, Tokyo, Japan' + teach-case19-content1-1: ' 2019 September 15, 4-7 PM ' + teach-case19-content2: Anyone who wants to try coding in p5.js. + teach-case19-content3: Intermediate + teach-case19-content4: To code from the graphic design's perspective. + teach-case19-content5: 'Dropbox Paper, p5.js web editor.' + teach-case19-content5-1: Syllabus & Material + teach-case20-title: Generative Typography + teach-case20-lead-name: Dae In Chung + teach-case20-image-alt: A image with black background displaying the letter 'b' in 5 different styles along with a menu with various styling options to choose. + teach-case20-content1: ' Baltimore, Maryland, USA & Virtual-Online ' + teach-case20-content1-1: ' 2019 January 21 - May 08, every Wednesday, 4-10 PM' + teach-case20-content2: 14 undergrads and grad students who had little to no experience in coding. + teach-case20-content3: Elementary + teach-case20-content4: Experiment with typographic forms and structures through computation. + teach-case20-content5: 'Methods: online/offline lectures and critiques.' + teach-case20-content5-1: 'Materials: p5js online editor, Github, youtube tutorials.' + teach-case20-content5-2: Works of participants + teach-case21-title: Machine Learning for the Web + teach-case21-lead-name: Yining Shi + teach-case21-image-alt: A group of 16 people sitting around tables with their laptops, mobile phones and some other accessories, facing towards a large television screen. + teach-case21-content1: ' ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA' + teach-case21-content1-1: '2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM' + teach-case21-content2: >- Students at Interactive Telecommunications Program, New York University. 16 people. - teach-case9-content3: 'Elementary, Intermediate' - teach-case9-content4: >- + teach-case21-content3: 'Elementary, Intermediate' + teach-case21-content4: >- The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using ml5.js and p5.js. - teach-case9-content5: >- + teach-case21-content5: >- This class is a mix of lectures, coding sessions, group discussions, and presentations. I used - teach-case9-content5-1: GitHub - teach-case9-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' - teach-case9-content5-3: 'Methods: online/offline lectures and critiques.' - teach-case10-title: Introduction to p5.js and JavaScript - teach-case10-lead-name: Nico Reski - teach-case10-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' - teach-case10-content3: 'Beginner, Elementary' - teach-case10-content4: >- + teach-case21-content5-1: GitHub + teach-case21-content5-2: ' to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.' + teach-case21-content5-3: 'Methods: online/offline lectures and critiques.' + teach-case22-title: Introduction to p5.js and JavaScript + teach-case22-lead-name: Nico Reski + teach-case22-content1: ' Currently available as self-study at own pace with accompanying slides, linked below.' + teach-case22-content3: 'Beginner, Elementary' + teach-case22-content4: >- Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding and enable them to pursue own projects in a safe environment. - teach-case10-content5: >- + teach-case22-content5: >- p5.js source code (for the introductory project), JavaScript source code (illustrating some basic JavaScript functionalities), accompanying slides in .pdf format, all hosted publicly on GitHub. - teach-case10-content5-1: Overview - teach-case10-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' - teach-case11-title: Digital Weaving & Physical Computing Workshop Series - teach-case11-lead-name: Qianqian Ye & Evelyn Masso - teach-case11-image-alt: >- - This image is divided in two parts. The left part shows a group of 15 women - sitting on chairs with their laptops and looking at a presentor who is - explaining a code on a projected screen. The right part of the image shows a - person learning weaving using a physical pattern and a weaving tool. - teach-case11-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' - teach-case11-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' - teach-case11-content2: '15 women and non-binary artists, designer, makers, programers. ' - teach-case11-content3: Elementary - teach-case11-content4: >- + teach-case22-content5-1: Overview + teach-case22-content5-2: ' of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.' + teach-case23-title: Digital Weaving & Physical Computing Workshop Series + teach-case23-lead-name: Qianqian Ye & Evelyn Masso + teach-case23-image-alt: This image is divided in two parts. The left part shows a group of 15 women sitting on chairs with their laptops and looking at a presentor who is explaining a code on a projected screen. The right part of the image shows a person learning weaving using a physical pattern and a weaving tool. + teach-case23-content1: ' Womens Center for Creative Work (WCCW), Los Angeles, CA, US' + teach-case23-content1-1: ' 2019 October 19 - November 02, every Saturday 3-6 PM' + teach-case23-content2: '15 women and non-binary artists, designer, makers, programers. ' + teach-case23-content3: Elementary + teach-case23-content4: >- Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers. - teach-case11-content5: 'Methods: small team session' - teach-case11-content5-1: >- + teach-case23-content5: 'Methods: small team session' + teach-case23-content5-1: >- Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool. - teach-case11-content5-2: 'Workshop Slide #1' - teach-case11-content5-3: 'Workshop Slide #2' - teach-case11-content5-4: Workshop Information - teach-case11-content5-5: ' on WCCW website.' - teach-case12-title: Signing Coders - teach-case12-lead-name: Taeyoon Choi - teach-case12-image-alt: >- - Two volunteers explaining concepts using a white board and a screen to a - bunch of deaf and hard of hearing students, each student facing a computer - screen. - teach-case12-speech: >- + teach-case23-content5-2: 'Workshop Slide #1' + teach-case23-content5-3: 'Workshop Slide #2' + teach-case23-content5-4: Workshop Information + teach-case23-content5-5: ' on WCCW website.' + teach-case24-title: Signing Coders + teach-case24-lead-name: Taeyoon Choi + teach-case24-image-alt: Two volunteers explaining concepts using a white board and a screen to a bunch of deaf and hard of hearing students, each student facing a computer screen. + teach-case24-speech: >- I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center. - teach-case12-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' - teach-case12-content1-1: '5 Sessions, each 2~3 hours' - teach-case12-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. - teach-case12-content3: Elementary - teach-case12-content4: >- + teach-case24-content1: ' WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.' + teach-case24-content1-1: '5 Sessions, each 2~3 hours' + teach-case24-content2: Deaf and Hard of Hearing students age 10~50 who live in NYC. + teach-case24-content3: Elementary + teach-case24-content4: >- To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts. - teach-case12-content5: >- + teach-case24-content5: >- We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts. - teach-case12-content5-1: Syllabus & Material - teach-case12-content5-2: More photos - teach-case13-title: Painting with Code - teach-case13-lead-name: Andreas Refsgaard - teach-case13-speech: >- - I'm working on a new series of coding class for Disabled students in South - Korea. I'm researching about the pedagogy and translation. I plan to hold - workshops in December 2020. The project is supported by the Open Society - Foundation Human Rights Initiative and Korea Disability Arts & Culture - Center. - teach-case13-content1: 'Copenhagen, Denmark' - teach-case13-content1-1: 2020 February 22 - teach-case13-content2: A wide range of people. - teach-case13-content3: Intermediate - teach-case13-content4: >- - Get creatives, designers, artists and other people who don't typically use - code introduced to p5.js. - teach-case13-content5: 'Website, p5.js editor.' - teach-case13-content5-1: Material - teach-case14-title: Smarter Home - teach-case14-lead-name: Lauren McCarthy - teach-case14-speech: >- - The Smarter Home / 더 똑똑한 집 American Arts Incubator Workshop reimagines smart - homes of the future. - teach-case14-content1: ' Gwangju Cultural Foundation(GJCF), Gwangju, South Korea' - teach-case14-content1-1: 2020 April 19 - May 11 - teach-case14-content1-2: ZERO1 American Art Incubator(AAI) - teach-case14-content2: 16 people (resident of Gwangju or surrounding areas) - teach-case14-content3: Elementary & Intermediate - teach-case14-content4: >- - To reimagine smart homes of the future, with such technologies as p5.js and - ml5.js. Spending a lot of time talking about the increasing role technology - is playing at home and in Korean society, the workshop aimed to offer a - vision of a smarter home driven by the participants' critical optimism for - the future. - teach-case14-content5: 'p5.js, p5 web editor, ml5.js, and installations. ' - teach-case14-content5-1: >- - 1) We set out to prototype the concept of a “smarter home”, trying to bring - technology into personal space on our own terms. - teach-case14-content5-2: >- - 2) Breaking into four teams, each selected an issue to address through a - room they would create within our larger home structure. - teach-case14-content5-3: >- - 3) We incorporated machine learning, audio processing, and computer vision - techniques to track and respond to the presence of people. - teach-case14-content5-4: >- - 4) Together, these works make one installation, comprised of four - interconnected smart rooms that each provoke discussion. - teach-case14-content5-5: More pictures - teach-case15-title: Introduction to p5js - teach-case15-lead-name: Bérenger Recoules (a.k.a b2renger) - teach-case15-content1: 'L''École de Design Nantes Atlantique, France' - teach-case15-content1-1: Since 2018 and ongoing - teach-case15-content2: Students from l'école de design Nantes Atlantique' - teach-case15-content3: Elementary - teach-case15-content4: 'To get to know p5.js and its functionalities (DOM, audio, WebGL, etc.) ' - teach-case15-content5: GitHub Readme File - teach-case15-content5-1: ' : a text tutorial in French' - teach-case16-title: "50+ Coding Club : My First Code Art with Handy(\U0001F590) and Family" - teach-case16-lead-name: Inhwa Yeom - teach-case16-speech: >- - This workshop was conducted in line with 'p5 for 50+' project, with supports - from 2020 Processing Foundation fellowship program and Asia Culture Center - (ACC). - teach-case16-content1: ' Asia Culture Center(ACC), Gwangju. Virtual & Online' - teach-case16-content1-1: >- - (In-Person) 2020 November 20 - 28, every Friday and Saturday; - (Virtual-Online) Anytime from 2020 December on via YouTube videos - teach-case16-content2: '8 people, composed of 6 older adults and their children' - teach-case16-content2-1: 1) Those who define themselves as older adults (age around 50 and older) - teach-case16-content2-2: '2) People from any age groups who accompany a person of 1) ' - teach-case16-content3: Elementary - teach-case16-content4: >- - Addressing the digital literacy and rights of age 50+ population in a - non-English-speaking country, this workshop aimed to lower their physical, - lingual, and emotional barriers to learning coding with smartphone-based - p5.js editor. - teach-case16-content5: p5for50+ web app - teach-case16-content5-1: >- - a smartphone-based web app, having p5.js web editor embedded in it. Created - with the editor, the participants' p5 sketches were printed out and framed - on-site, and distributed as their materialized outcomes. - teach-case16-content5-2: Curriculum - teach-case16-content5-3: YouTube - teach-case16-content5-4: More pictures - teach-case17-title: Programming Applied to Visual and Interactive Art - teach-case17-lead-name: Sebastián Zavatarelli - teach-case17-speech: >- - The course is part of the extension courses on the trans-departmental area - of multimedia arts of National University of the Arts in Argentina. - teach-case17-content1: ' Buenos Aires, Argentina. Virtual & Online' - teach-case17-content1-1: '2020 September 15 - October 14 every Wednesday 6:30-9:00 PM' - teach-case17-content2: Around 10 people. Mostly women. - teach-case17-content3: Elementary & Intermediate - teach-case17-content4: >- - The course is intended for artists who want to start using current - technological tools for the development of their works. It can also be used - by those who want to get started in computer programming through a simple, - visual, accessible and fun programming environment. - teach-case17-content5: >- - p5.js web editor. Online through Zoom platform and material uploaded in - Moodle. - teach-case17-content5-1: More pictures + teach-case24-content5-1: Syllabus & Material + teach-case24-content5-2: More photos diff --git a/src/templates/pages/teach/index.hbs b/src/templates/pages/teach/index.hbs index 82557cd3eb..97fbaa2ece 100644 --- a/src/templates/pages/teach/index.hbs +++ b/src/templates/pages/teach/index.hbs @@ -30,8 +30,7 @@ slug: teach/