Advanced Search
Search Results
36 total results found
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 ...
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
...cepts within web development - JavaScript JavaScript: The Good Parts by Dougla ... Making Interactive Graphics in JavaScript and Processing - Proces ...eby Daniel Shiffman Websites - JavaScript JavaScript Syntax Basics - This is a ...understanding the basics of the JavaScript language/syntax. A lot of...
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...
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 ... Read more about variables in JavaScript Using variables Suppor ... can create complex outputs. Mapping values The code to support...
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 1 - Coordinates, shapes and colour
... perspective, p5.js is simply a JavaScript library. A library is a c ...web project made up of HTML and JavaScript files. /00_empty_project ...ch.js index.html p5.js is a JavaScript library designed for draw ...ing to a web page. For JavaScript code to run in a browser ...
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...
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...
Week 3 - Iteration, arrays, objects and pixel arrays
...gether Understanding and using JavaScript objects Understanding ho ...bles to set the colour values JavaScript Arrays Arrays are essent ...log(sizes[3]); // logs: 210 JavaScript arrays are particularly u ...this code executed in CodePen. JavaScript Objects In JavaScript mo...
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.
Web App Template for Beginners
...make a spelling mistake! Client Javascript setup 13) Now we are only ...brary to serve some p5.js , ie. Javascript! In your html file, add t ...ct. Note that you can add other Javascript libraries in a similar fa ...or building 3D visuals. 14) Our Javascript will live in the sketch.j...
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 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...
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 ...
"Hello, World!" in Node.js
...ogrammers. You will be editing JavaScript files throughout this tut ... (2) edit the file and add some JavaScript and (3) pass this file to ...llo.js (2) Edit file and add JavaScript Open the file hello.js in your preferred text editor Add the foll...
How to send data to Processing from Arduino
...'\n'); } void draw() { //map() is a important function to us ... range to use in Processing //map(a, b, c, d, e) has 5 Parameters ... //map(theVariableYouWantToMap, min.ValueOfRawData, max.ValueO ...alue is 1023. //and I want to map the background colour from blac...
How to build a Simple Robot Arm with Servo Motor and Joystick
...gRead(potAngle); int rotationMapped = map(rotation, 0, 1023, 0, 180); // ...o's angle (0 to 180) int angleMapped = map(angle, 0, 1023, 0, 180); // sca ...0) rotateServo.write(rotationMapped); // rotate servo motor 1 ...angleServo.write(angleMapped); // rotate servo motor 2 ...
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.