Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

154 total results found

8th Wa...

Using a Joy-IT TFT LCD Display

Physical Computing Tutorials

...FT) technology to control the pixels of a Liquid Crystal Display ...eed the Adafruit ST7735 and ST7789 Library and Adafruit GFX Libra ...t_GFX.h> #include <Adafruit_ST7789.h> #include <SPI.h> #define CS ...ion of RESET Pin Adafruit_ST7789 lcd = Adafruit_ST7789(CS, DC, ...

Week 3 - Iteration, arrays, objects and pixel arrays

Creative Coding Workshop: Introduction to Creative Coding

... how colour data is stored in pixel arrays Accessing the webcam ...02/ 13_loops_and_arrays/ 14_pixel_array/ 15_image_pixel_array/ 16_webcam_capture/ ...de has involved opening the index.html file in your browser, whic ...e absolute file path to the index.html file: For some examples y...

Pi War 2024 Log

Raspberry Pi

Documentation of Pi War 2024 Pi Wars is an international, challeng ...ight, and the other controls forward and backwards. Problems with batteries Thi ... print("Hello.") def right_forward(): motor1a.value(0) m ... motor2b.value(1) def left_forward(): motor2a.value(0) m...

How to use Waveshare E-Paper Display with Raspberry Pi

Raspberry Pi Tutorials

What is a Waveshare E-Paper Display? A Waveshare E-Paper Display is an el ... tutorial, we will be using the Waveshare model epd7in5V2, a Raspb ...nstall spidev Download Python Example code from Github git clone ... https://github.com/waveshare/e-Paper.git Go to the D...

Week 2 - Animation, conditionals & random numbers

Creative Coding Workshop: Introduction to Creative Coding

... 06_conditionals/ 07_random/ 08_random_recursive_tree/ 09_map_ ... detail. A variable is simply a way of storing information in the ...y. Let's dive right in with an example... var rectWidth = 5; ...tions. 5 - The value which we want to store in the computer's me...

How to Display Animation on Waveshare E-Paper Display

Raspberry Pi Tutorials

How to use Waveshare E-Paper Display? Please ...resolution to fit the display - 800x480 pixels Lower the framerate to 10 or 12 fps Export the video to jpg sequences ...usr/bin/python # -*- coding:utf-8 -*- # Display Width: 800, Display height: 480 import ...

Using a Joy-IT 1.3" 128x64 OLED display

Physical Computing Tutorials

... more flexible screens. If you want to use the display for animat ...(20,20,30,0.06); border-radius: 8px; overflow: hidden; } thea ...x rgba(20,20,30,0.03); padding: 8px; } td { border: none; p ...adding: 6px 8px; } } ...

How to make Animation on NeoMatrix with Processing

Physical Computing Tutorials

Controlling NeoMatrix with Processing This tutorial i ...a follow-up to the last NeoMatrix animation tutorial. We are usin ...nteraction and push those to an 8x8 Adafruit NeoMatrix. Wiring WarningIf you have a bigger matrix, you will need an extra power s...

Arduino Nano 33 Sense Rev2- IMU sensor

Physical Computing Tutorials

...bination of two modules, the 6-axis BMI270, and the 3-axis BMM15. To use the IMU (inerti ...o_LSM9DS1 which is used in all example code. Replace #include <Ar ...rduino_BMI270_BMM150.h> in all existing codes if you are using Re ...Arduino_BMI270_BMM150.h" float x, y, z; int degreesX = 0; int de...

Using NEMA17 Stepper motor with Big Easy Driver

Physical Computing Tutorials

...r design allows it to move in fixed steps (typically 200 per revo ...or driver board based on the A4988 chip, used to control stepper m ...wer - → GND Get started This example code demonstrates 4 modes: ... forward, reverse, 1/16th microstep an...

How to make Animation on NeoMatrix

Physical Computing Tutorials

...n this tutorial, we are using a 8x8 NeoMatrix from Adafruit. Wirin ... +5V to 5V GND to GND Library WarningDownload version 1.9.0 or b ...started The example shows the upward arrow first and then the anim ... colour-changing pattern. The upward arrow is for identifying the ...

Arrays

Programming Tips and Tricks

...n our sketch. In the following example I create variables X and Y, and use them to as the x and y coordinates in an ellipse ... function var x = 100; var y = 100; function setup() { crea ...background(220); ellipse(x, y, 20,20); } p5 Editor ...

Finding your way around Spark AR (UI Explainer)

Spark AR First Look at Spark AR

Watch this video by Meta explaining the UI and different panels in Spark AR

How to use MatrixPortal M4

Physical Computing Tutorials

What is MatrixPortal M4 The MatrixPortal M4 is a development board ... ATSAMD51 microcontroller (Cortex M4) and has built-in Wi-Fi supp ...e some key features of the MatrixPortal M4: Microcontroller: ATS ...AMD51, Cortex M4 processor running at 120 MHz...

Interactive Projections

Projection Mapping

...t. This can be done in multiple ways, this tutorial will briefly i ...rary and includes a variety of examples which can be implemented ... just copy and paste an OpenCV example into Touchdesigner, we wil ...more about OpenCV, an in-depth explanation of our following steps...

Week 1 - Coordinates, shapes and colour

Creative Coding Workshop: Introduction to Creative Coding

...the most recent part of a complex history of open-source, creativ ...ite. A p5.js project In this exercise you will set up a p5.js p ...roject using the Atom text editor, then examine the different files and ru ... /00_empty_project/ ├── index.html ├── libraries │   └─...

A circle following the mouse

Touchdesigner Basics of Touchdesigner

...projects in Touchdesigner this exercise is a great first step. We ...epts such as gaining data from external sensors and using it to m ...window, we can change the width(x) and height(y) of our circle by ... Resolution by changing it to 1280x720.  Add a Transform TOP a...