Hacking the Browser

Internet Notes - Final Chrome Extension

google

CLICK HERE to download the extension here! And then go to “chrome://extensions/” and drag the downloaded file into the page.

I made a Chrome extension that lets people leave anonymous notes on any website. Anyone who has the Chrome extension can see the notes. The idea is that it would be fun to randomly find little notes left by people, kind of like a digital version of writing a note in a book for someone to discover. I’m aware that because of the anonymous nature it could potentially attract trolls, but I think it’ll be okay for now with ITP users.

The image above show some messages from our lovely Hacking the Browser class that they posted on google.com! Here’s what it looks like when you are posting a message.

I used Chrome’s tabs, browserAction, and runtime APIs. I also used a Firebase database for the message information. In the rest of the post, I’ll go over the main components of the extension.

Read more...


Teaching as Art

Making Things Move - Final Workshop

lecturing!

I ran a one hour workshop on basic gear mechanisms called “Making Things Move” for my Teaching as Art final. In the picture above, I’m drawing on the board and explaining rotational motion.

talking with students

Thank you to everyone who came to the workshop! And thanks to Nate for taking such great photos! In the rest of this post, I’ll give a recap of the workshop.

Read more...


Homemade Hardware

Final ESP8266 Circuit with IoT LEDs

picture of final circuit

The process of taking my breadboard circuit to SMB part circuit was such a struggle omg. Here is the board I ended up with, which looks really nice, but unfortunately does not work. Code appears to upload through the Arduino IDE, but there is some issue with the board stuck in a reset loop.

Even though my circuit doesn’t work, the code does work!!! It works 100% on my breadboard circuit and the Feather Huzzah. Here a screenshot of the main website that my circuit was supposed to be serving. I was able to control a whole strip of neopixels during my testing.

picture of final site

Keep reading to see the process of building my circuit.

Read more...


Homemade Hardware

Progress on ESP8266 Circuit

prototype breadboard

website working gif

For my final project, I am planning on making a small grid of LEDs that can be controlled by users from a website that is accessible from anywhere. Users will not be able to see the LED grid unless they are physically present, but they can still make changes. Hopefully, people will collectively create images or simply play around. This is kind of like a small physical version of Reddit Place. My current code allows you to choose more colors for the LEDs, but the demo shown in the gif only has red and blue. Keep reading for my process.

Read more...


Homemade Hardware

AtTiny85 and WS2812B Light

completed circuit working

I made a light that reacted to the external environment. I decided to use a photo-resistor and a temperature sensor to determine the color and brightness of the lights. I was inspired by Magritte’s painting “The Banquet” that I saw in Chicago last week.

I added some mounting points to mount material that will diffuse the light. There’s also a larger hole so this light can hang on a wall. I haven’t made the enclosure yet, but I’ll update the post when I do. I’m waiting for the snow storm to stop before I try to go to Canal Plastics… Keep reading for exciting gifs, troubleshooting, Eagle screenshots, and more!

Read more...


Tangible Interaction

Lighting Controller Interface

demo gif

For my lighting controller, I wanted to create an interface where someone would be able to map the position of the lights to the positions of actors (or anything) in the space. I used 6 reed switches that would correspond to the location of the 6 lights in the ITP lounge. Small game pieces with magnets on them were able to turn the lights on when placed over these locations on the controller.

I wanted to give more control than on/off, so I added the ability to change the brightness of all the lights that were on with a potentiometer. There is an LED to visually indicate the brightness in case there are no game pieces on the controller. I also included a toggle switch that will turn all the lights on/off at once.

Read more...