Advanced Search
Search Results
38 total results found
How to send data to p5.js from Arduino
...ion protocol to send data to p5.js from Arduino using the P5.js WebSerial Library. The p5.js sketch will be controlled by th ...lue measured from Arduino to p5.js via the serial port, you can re ...event Arduino going crazy } p5.js Code This example will show the...
How to export your p5.js as a video
How to Video Capture your p5.js Sketch If you're creating a pie ...ce of time-based work in p5.js you may want to capture the can ...ude a custom library to your p5.js sketch Program that library to .... You should see the default p5.js scripts. Feel free to add these...
Intro to Projection Mapping
A general introduction to Projection Mapping
Visual Programming & Projection Mapping
Learn about the art of creating visuals, sculpting with light and other optical illusions.
Projection Mapping
Projection Mapping in Touchdesigner
... cover the basics to projection mapping content onto 3D surfaces in ...attend the 'Intro to Projection Mapping' workshop in the Creative T ...ameters window. Projection Mapping with kantanMapper Now that we have uploaded o ...tent we are ready to projection map it onto our object. Make sure t...
Projection Mapping in MadMapper
Why use MadMapper? MadMapper is a powerful tool for proje ...ction mapping, especially when working at ...acade. Unlike TouchDesigner, MadMapper isn't free, but a 30-day dem ...ou can borrow a machine with MadMapper pre-installed — just contact ...on (anything over 3 meters), MadMapper’s high-resolution output is ...
Web App Template for Beginners
...ser, on user’s own computer. P5.js sketches are frontend. Backend ...ackend is often built with Node.js or Python. Here we use Node.js. Setup 1) Get a code editor if ...” subfolder and an empty server.js outside that in the root folder ...uestion. This creates a package.json file that makes the project e...
Machine Learning with Physical Computing - TensorFlow Lite & Arduino Nano 33
...learning framework developed by Google. It provides a comprehensive ec ...ain a Model We are going to use Google Colab to train our machine lear ...ning model with TensorFlow. Google Colab is a free cloud-based pla ...tform provided by Google that allows users to write, exe...
Useful learning resources
...arts by Douglas Crockford - p5.js Make: Getting Started with p5 ....js: Making Interactive Graphics in ...rogramming Fundamentals Learn JS - Introduces some basics of Jav ...coding. (Thank you Emma!) - P5.js Daniel Shiffman has a vast co ...ntroducing programming using p5.js. Take a look through these vide...
"Hello, World!" in Node.js
...y of the shell. Install NodeJS You will need to download and ...install NodeJS. Download the installer for you ... Windows or Linux) from the NodeJS website and follow the instruct ...ions. To test if NodeJS has been installed successfully...
Making a website for your HTML, JS, CSS or p5.js files
... allow you to upload your HTML, JS & CSS files online, so that ...er that, if you drag your HTML, JS and CSS files (if you have them) onto the upload section, they should upload to your repository. BUT! You need to 'commit the changes' for them to be s...
Intro
What is Projection Mapping? Projection Mapping is a technique used to disp ...tinue to incorporate projection mapping in their artistic practice, ... A variety of projection mapping software and masking tools ...rojects in Touchdesigner and Madmapper. While our "Intro to Project...
How to install Node.js on Raspberry Pi
Installing Node.js on Raspberry Pi is very simple ...g: sudo apt-get install -y nodejs Confirm package is installed: node -v Extra steps You may also wish to install the development tools to build native addons: sudo apt-get install gcc g++ make And ...
Mobile VR - Getting Started Guide
...hey will help you get started. Google Expeditions App This google app, available for both Android ... to visit WEB VR Experiments - Google This is a very cool website where you can experience different types of content using your mobile phone click he...
Week 2 - Animation, conditionals & random numbers
...nimation Using random numbers Mapping values from one range to an ... 08_random_recursive_tree/ 09_map_weather_api/ 10_map_hsb_colours/ Variables Firs ...istic behaviour of code. In p5.js there is a function for generat ... can create complex outputs. Mapping values The code to support...
Unity for Beginners Workshop
....png format ), you can also use google images to search for images tha ...t you might want to use. Google Images You can also create a free account on textures.com. This is an excellent website for seamless image textures, e.g. wood, grass, bricks and tile...
3D Geometry and Parametric Design
...ls. Pre-requisites Download Google Cardboard app for iPhone or And ...me. As you can see from this Google search for parametric design (June, 2017) there is a recognisable style that is reminiscent of organic shapes and patterns. Without speculating...
Depth Camera for Mac Users: Setting Up the OAK-D Pro in TouchDesigner
...ning! 3. Capturing a Depth Map Next, we'll program the camera ... to create a grayscale depth map using it's stereo vision. In fact, this camera has two monochrome sensors that capture images from slightly different angles. By comparing these two ima...
How to make Animation on NeoMatrix
...st uint16_t PROGMEM // These bitmaps were written for a backend tha ...matrix // uses native 565 color mapping as RGB. // I'm leaving the ... }, }; void display_rgbBitmap(uint8_t bmp_num) { static uin ...t16_t bmx, bmy; fixdrawRGBBitmap(bmx, bmy, RGB_bmp[bmp_num], 8, ...
Creative Coding
Develop applications and games using programming and scripting languages such as Java, C++, C#, Swift and JavaScript for platforms including Processing, Node.js, OpenCV and Unity.
Intro to Touchdesigner
...ysical computing and projection mapping. Touchdesigner is a node-b ...nts, each grouped by category. 'Mapping' is just one of these categ ...ticularly useful for projection mapping. Parameters Window Every operator comes with a set of parameters tha...
VR tutorials - Unity
Immerse yourself in seated and room-scale VR, AR and MR with devices such as HTC VIVE and VIVE Pro, Oculus Rift, Microsoft HoloLens, Samsung Gear VR and Google Cardboard. Create merged and mixed reality installations in the Lab’s open-plan project space.
How to control Raspberry Pi Pico via Wifi
...ion. How to find my IP address Google Search - "What's my IP address?" Go to Network Preferences (MAC), Wifi Properties (Windows) Go to Terminal (MAC) or Command Prompt (Windows) and type in ipconfig getifaddr en1 Get started The example code will turn ...
How to Configure a Raspberry Pi for the first time
...ss to the internet. 5. Brower Google Chrome and Firefox are both preinstalled, you just need to choose one as your default browser. You can still access the other run from the start menu. 6. Recommended Software Raspberry Pi comes with many essential ap...
Workshop: Introduction to Creative Coding
During this workshop we introduce programming concepts using the web based creative coding library p5.js (https://p5js.org), which is built using JavaScript.