4.3 Crafting Swatches: Analog Sensor – LDR/LED Glove Sensor

Evan Switzer – 3173264

Swatch: Analog Sensor: Ldr Glove Sensor –

“Salvos Glove”

Link to Arduino Code/Inventory: https://create.arduino.cc/projecthub/tarantula3/using-an-ldr-sensor-with-arduino-807b1c  

Materials: LED Light (Blue), Ldr Sensor, Wiring, Alligator clips, Resistors (10kΩ, 220kΩ), Leather Glove.

Tools: Scissors, Sewing Needle. Electrical Tape.

Description:

A wearable glove that activates an LED when there is not a light source provided on the ldr sensor). I decided to use a basic work glove for testing. I extended the wiring with extensions provided by the arduino kit and used alligator clips on the led to ensure the connectivity would still be intact.  The swatch is usable under the context of visibility for the wearer if they are in a lightless environment. In my opinion, if the light source was a bright LED with a higher voltage, or a modified LED with a 3v lithium battery, it would be very applicable for wearers who are in outdoor environments such as camping in the woods (using the light to help guide through terrain or assistance with building a tent).

Development:

  1. Create a circuit with the arduino kit and breadboard. The circuit I used was from this link (https://create.arduino.cc/projecthub/tarantula3/using-an-ldr-sensor-with-arduino-807b1c ) . Test for connectivity.screen-shot-2020-12-09-at-6-13-36-pm

 

2. Pierce the glove with holes for proper application of the LDR sensor and LED.

img_3516

img_3517

3. Insert LDR and LED and connect through appropriate wiring.

img_3522img_3527

4. Test Swatch.

img_3519screen-shot-2020-12-12-at-1-09-51-am

Materials: LED Light (Blue), LDR Sensor, Wiring, Alligator clips, Resistors (10kΩ, 220kΩ), Leather Glove.

Tools: Scissors, Sewing Needle. Electrical Tape.

Arduino Code/Circuit Diagram

screen-shot-2020-12-09-at-6-13-02-pm

 

Influence: Speaker actuator/Neoprene Sensor

sp img_3496

 

Description:

Influence:I used the design of both the neoprene sensor and and the fabric speaker actuator for this assignment, due to learning about the circuitry of amplifying the fabric speaker and applying the circuitry in a completely analog format with the use of fabric (in this case leather instead of neoprene).

Tools/Technique:  I conducted more online research to find an analog process that would activate with pressure but instead came across a Light Dependent Resistor (LDR), which is an analog sensor that detects any light source. I figured that with closing the hand for activation it would be a more creative process of activating the LED switch. I found a code and circuit diagram that uses the LDR sensor to activate a LED when there is no light present and tested the circuit. I then punctured holes in the glove and placed the wiring into the glove. I checked beforehand to make sure the circuitry was functioning and applied extra wiring for the user to wear the glove for testing and the end result as you can see  was a success. 

 

Experiment4_3 Crafting Electronics Swatchbook — The Music Box

2

Add some music to your little things in daily life.
Group #11
Rhepa Kamal
Ziqi Guo
Qinxinrui Zhu
Weiqi Wu

Wrok done by Weiqi Wu (3175842)

Description

This is a Speaker Actuator. This is an interactive music box (speaker) that users could place their cup or anything that has weight. While something is placing on the towel part, the music will on. The inspiration comes from the process of making the speaker actuator in assignment 4-2. In this project, I tried to explore the way that collaborates the speaker with other things. During the exploration, I found out that there is a lot of stuff on my desk, therefore, I decided to combine the speaker with something so that it will save the space on the desk as well as people can have some music playing.


MATERIALS

Function purpose: 
- Magnet
- Magnet Wire
- Arduino Uno
- Sponge
- Tin foil
- Adafruit Mono 2.5W Class D Audio Amplifier - PAM8302
- Tape and Glue

Decoration purpose:
- Foam Board
- Acrylic borad 
- Towel

Tool and Techniques

  • Utility Knife: To help to cut the form board and sponge
  • Scissors: Used to cut the magnet wire, tape, and tin foil
  • Double-sided tape: To set the fixed position
  • Glue gun: To construct the box and any other things that need to be glued

Materials and Tools

2img_0460


First Prototype

Construction Stages

34

56

(top-left: details of the class-D amplifier; top-right: detail of the Arduino Uno; bottom-left: the overall details; bottom-right: the magnet wire speaker)

This is the very first prototype of the speaker, testing if it is working or not.

Detail Shots

810

7img_0427

(upper-left: all the components inside the speaker music box; upper-right: the outlook of the music box; bottom-left: the magnet under the cup; bottom-right: the cup place on the music box, and the music box start to play music)

For the next step, I made a box for the speaker, and it became a music box. It connects all the wire and put it inside the box. On top of the music box, it is the magnet wire. The magnet is under the cup. So when the cup place in a specific area, the music will turn on.

Stage of Interaction

9

This is how the first prototype will interact. Placing the cup on the music box, and the music box will turn on.

Video of the First Prototype:

https://youtu.be/EmtC6Ps3O_c

Circuit Diagram

circut-diagram


iMPROVEMENT

For the first prototype, the music box could only interact with the cup. I would like to further develop it that no matter what objects people place on the music box, there will be music playing. Therefore, I need to put the magnet in the music box at the beginning. To solve the problem that the music will always be playing, I decided to find a method that can open the circuit before the input of the magnet wire. Therefore, only when something place on the music box and close the circuit, the music box will on.


Second Prototype

Construction Stages

img_0442-2img_0443-2

I used Velostat to test whether it will work or not. If it works when the object places on the music box, there is pressure on the Velostat, and the circuit will close, the speaker, which means the music box, will work. However, the Velostat does not really work, there is no sound. So fail to use Velostat as the switch to the circuit.


Final version

Construction Stages

With the inspiration of my group member’s example in assignment 4-2, which called “Three Buttons”. I decided to use sponge and tin foil to create the switch of the circuit. So when the object places on the music box, it will add pressure to the sponge, and two sides of the tin foil will touch each other which closes the circuit.

img_0445-2img_0446-2

img_0447-2

(top-left: the sponge that cut; top-right: the sponge with two sheets of tin foil; bottom: the sponge with the tin foil in two sides)

Video of Testing:  https://youtu.be/EAUNLButh_E

It does work really well. So I started to construct the music box and make the sponge looks better.

img_0449-3img_0452-3

img_0450-3img_0451-3

(top-left: foam board of the box; top-right: cover the sponge with a towel and testing whether it works or not; bottom-left and right: finish making the box. The towel is on top of the box, and there is a foam board on top of the sponge, in order to make it looks better.)

These are the construction steps of making the music box. However, it does not work, the foam board on top of the sponge is too supportive. It spread the weight of the object, thus, there was less pressure applied on the sponge, which not allowing tin foil to connect together.

img_0456-3

(top-left and right: I decided to leave only the sponge with the towel cover on top of the box since there is no better option for me to do that)

In this way, the speaker will work when there is pressure on the towel area.

Detail Shots

img_0455-3img_0453-3

(left: the overall look of the music box; right: the overall looks inside the music box, including the paper speaker, magnet, amplifier, and Arduino Uno)

Stage of Interaction

img_0459

img_0457

This is the stage of interaction. I placed a cup and a candle on the music box, and it works properly. The music box will on and play some music.


Final version VIDEO

For the video of the final version, the amplifier experienced damage before the video recording, which made it does not work anymore. There two possible reasons that the amplifier became broke. The first one is that the amplifier experienced a short cut. It was too hot during the testing that burned inside, so the amplifier does not work anymore. Another reason is that I used a glue gun to fix the position of the amplifier and the hot glue was directly applied to the amplifier, and the glue was really hot, which might lead to damage to the amplifier.

Before I found out that the amplifier is broken, I test different parts to check where the problems happen. I made a new paper speaker and used a new wire to connect each part. Then I reupload the code to the Arduino Uno. And after that, I built the basic version of the speaker, and it still did not work. So I think that the problems happened in the amplifier.

Since I only have one amplifier and buy a new one will take at least two weeks to deliver, I could not record the video of the final outcome of the music box. But it worked well when I took the photos of the stage of the interaction. At the interaction stage, I haven’t use the glue gun to fix the position of the amplifier. In the interaction stage, before I put anything on the music box, there is no sound or music, and after I place the candle or cup on the towel area on the music box, the music box started to work and play music.

For the basic working principle understanding, the testing video is basically the same as the testing of the final version, other than the extra towel-covered on the sponge and set on the music box. So please look at the testing video and find out how the music box work.

This is the testing link: https://youtu.be/EAUNLButh_E


CIRCUIT DIAGRAM & CODE

untitled-1

Reference Code Link: 

I used the reference code in the project. However, people could change the sound into a song, or connect it to a cloud or Spotify to play a playlist.

Reference Source: 

https://www.youtube.com/watch?v=8VMv-hAuXOg


Improvement

Due to the accident of the broken in an audio amplifier, I think that it would be better next time to add a resistor in between the speaker and the amplifier. During the testing, the amplifier was hot while using it, so that might be the reason for burning the amplifier and made it doesn’t work. Also, another reminder will do not put anything too hot on the amplifier or other microcontrollers, which might cause some damage because of the high temperature. In addition, in order to allow the project to work smoothly, it is a great idea to prepare at least two sets of materials so that when something is not working, there will be another one for you to continue your project.

For further development of this project, I would like to change the material for making the music box. Instead of foam board, it will have better look in wood, acrylic board, or metal. Also, I would like to change the sound of the music box that makes it into a song instead of only some notes.

Moreover, people could add more colours to the music box if they want to. I like a white and clean look, so I did not add any colours.

Sound wave

cover
Link of the presentation

working links

Artist statement

Sol LeWitt’s wall drawing #95: On a wall (paper) divided vertically into fifteen equal parts, vertical lines, (not) straight, using four colours in all one-, two-, three-, and four-part combinations.

  • This is an audio-visualization installation. The inspire of it is from Sol Lewitt’s wall drawing #95 where he used limited lines to create endless forms of art. It makes me believe that the constrained rules in an artwork could be a great starting point of creating endless and born variations. I then make this installation, the constraint is each fixed start and end point of each links and the number of the lines (80). The only variable would be the action of line moving pace and shapes. Those lines will wave based on the sound they “listened.” In my example, I made a gentle audio so the line would move like a flowing creek, that shape of moving enhance the topic of the song and my idea as it states the music in a special way.

  • My initial goal was to find another perspective of audio combining with shapes. However, I prefer not using those closed geometric shapes as they could not show the soft and fine texture of my audio, then I was inspired by the wall drawing #95. Then I made a goal to use limited numbers of lines, not for exploring how the color could be manipulated, but the interactive perform with the group of line acting with the music.
  • The way I used to achieve my goal is to use the data from the audio because audio is shaped by sonic wave, it is just like how the wave influences the line groups. And because the sonic wave of different sound has endless forms, thus I could use data from the sonic wave to create endless sound waves. When I opened the math CHOP I could see their channels with sound frequencies. I then used those data and manipulated them with the shape of those lines.

 

This is the shared link of the google Drive, which includes the toe file.

 

Operator overview

overview-min

Tutorial
1-1-min
2-1-min

 

Uncle Fargo’s Lab

Project by Rhepa Kamal , Quinxinrui Zhu, Iris Andrici


Story and goal of the game

The game is about two scientists in the forest continuing their uncle Fargo’s lost research after discovering the map to his lab. 

In this game, the players are meant to plant flowers together but the lab has two separate locations only connected by one crafting machine. The two players must collaborate to finding the seeds in their lab and combining the seeds in each area to finally get all ten flowers within the Glossary.

Stylised animation of the Story for Game

further DELVING into the concept

planting-process

game

If We Had One More Week…

we would have definitely implement more features such as inventory system and a crafting system. We really wanted to create a crafting system where players can combine potions to create seeds, but it was challenging for us. We also wanted to include more aesthetics and animation to make the game feel more engaging.Eventually add more flowers and puzzles, and even NPC’s where you have to complete quest to acquire the seeds. 

In terms of interaction, it would be awesome to include dialog that triggers in certain events, such as when the player fails to combine the correct potion and include a chat box which was difficult for us to include.

Game being played: https://ocadu.techsmithrelay.com/LG5J

 

DESIGNING THE GAME

Design Elements : S P R I T E S

sciencemansciencewomanwork-table

Design Elements : T I L E S

tile-sheet-world1

Design Elements : F L  O W E R S

staticettbutterflpngcampanulpngaclimbing-rosesdimorphothecatirispngtea-rosetdianthusgloxinipngajapanesepngdaisypng

Design Elements : U I

general-box        trash      watering-can

Design Elements: G L O S S A R Y

page2   page8   page6

We wanted to more directly implement our book into the game. That is why we used the references for the flower sprites we made to use as Easter eggs throughout the game and in the glossary the player can access at all times.

process

Deciding on the Map

map-we-used
Map we used for testing
og-map
Original map concept
recreating-idea
Re-creating the original concept in Unity

20200928_231845alternate-map-design

Alternate Ideas When Unity Didn’t Work

20200928_231815Small humanoid pests begin to bother you. Person on main screen sees the scenario while four people on their phone cannot. Player on screen must draw in symbols what is happening so the person with the specific superpower can do their action within a time limit (raising it high or shaking it a lot). Goal, grow your plants and don’t get them eaten by pest. Possible power: rain, sun, shade, pesticide.

reference book

references

lilly-of-the-valley

azaleastatice

final words and links to sources

We worked very hard on getting to the place we have. Even though unfortunately our best version of the game is not polished and buggy, we are happy with how the project turned out and will try to improve it further when we have time throughout the year.

CODE: https://github.com/Rhepa/labplant/tree/master

 

 

 

 

 

 

Pantodraw

“We are aware that all leaves are beautiful to the thoughtful and careful observer of nature; the examination of each leaf reveals beauties that to the ordinary observer would pass unnoticed.”

— Beautiful Leaved Plants.

Pantodraw

pantodraw_headline

Hi, we are Emily Flood, Jiayi Chen, Ruby Tran, and we are from group #5. The game we want to introduce today is pantodrawwords (“Pantodraw”). It is a web-based multiplayer interactive game. There are two roles in our game: painter and player. The main activity of this game for the painter is to draw the given illustration from the book: Beautiful Leaved Plants, while players need to guess what the correct image that the painter is drawing from three choices, and this process is time-limited. Users are going to use Microsoft Teams as the communication tool and using Microsoft Whiteboard to interact.


Concept Development

Earlier for this assignment, we decided to create a virtual game of charades. One player acts out a word, on video, and the other players will try to guess what it is. They can enter their answers through the chat and they will show up on the game’s webpage. As we went through the book, we found that plants and their relative terms are really hard to act out. Instead, we believed that illustration is a better way to express and also a good way to introduce those beautiful plants on our lovely earth to more people. Basically, the gameplay was inspired by Beautiful Leaved Plants

p4-1 p4-2 p4-4 p4-3


Visual Development

visual_development_map2

>>>Have A Closer Look.

>>>Check Our Process Video.


User Interaction

workflow


Final Work

pantodraw_video

Video Documentation

CodeBase


Challenges & Issues

  • We spent a lot of time working on switching around image groups for both painter and player page. The painter and players are on different pages but they are playing synchronously so we need to make sure they have the same information.
  • We do not have enough time to complete the game as a whole. For example, our page does not have any responses if players choose the wrong illustration. Our timer worked on p5 editor but somehow did not work when we put out HTML files together. We ended up using an mp4 video to present.
  • Some issues could only be found after play-testing. 

A Bigger Picture

  • Refining our visual presentation (ie. user interface).
  • Refining our coding (including timer).
  • Enlarge our image library for more games, also increase the difficulty.
  • Try to include a whiteboard on our webpage rather than using a third-party application.
  • Improve users’ interactive experience by having more functionalities, such as emotes.
  • Also add background music.
  • Have a more thoughtful introduction to our plants with more materials. 
  • May have the user choose their library’s category. 

DIGF-2014(20FA)

Assignment #1: Chat++ 

By:

Emily Flood(#3169786)

Jiayi Chen (#3175402)

Ruby Tran (#3177952)

 

The Condor

 

hero-the-condor

The Condor is a new method for communicating. Our goal is to present an offering that is geared toward taking time to slow down and connect with others through symbolism and poetry. Users can experience the joy of poetry and abstract thinking while being gently persuaded to take a breath and enjoy the present moment.

Watch the walkthrough.  Or visit the website.

Our influence comes from the Birds on the Wing  a Victorian children’s book  about birds. The book references the strength and freedom of the Condor, who battles the storm to get to it’s nest. By applying this theme to our own experience, not as birds but as artists and designers, we concluded that the Condor is a good representation of expecting to have to work hard to get where we are going and constantly push ourselves to do better than we were before.

Our multiplayer experience had many iterations and we had to pivot the functionality to better suit our time constraints and coding abilities. Tae has been instrumental in organizing the home page of our site, and performing an exploratory foray into Unity. Doris’s talents as an artist gave her the confidence to take on responsibility for all the graphics, diagrams and characters from the book. Marquessa has built the in-game code, future projection prototype in XD, and the copy.


The Book

screen-shot-2020-09-28-at-9-46-46-pm screen-shot-2020-09-28-at-9-47-17-pm screen-shot-2020-09-28-at-9-47-07-pm screen-shot-2020-09-28-at-9-46-55-pm


Player Interaction Diagram

2

We simplified the interaction for this project. We do believe that it is possible to incorporate many users into the experience. 

 


Iterative Process

To start the experiment we decided that it would be good to at least try to explore different avenues of what is possible.

Unity Experiments:

team1 team2
During this experiment, Tae focused on  creating a mechanism to move a bird character with the arrow keys. Although we quickly found that the time constraint was to restrictive to build a matching character to our book.
We thought that Unity would integrate with Javascript in a way that more suitable to our level of coding experience, but that proved to be an incorrect assumption. However, we still took the opportunity to experiment with Unity as a direct result of this assignment. We still consider this to valuable experience regardless of failure.

 

 

HTML, JS, CSS Experiments:

The group decided that we were going to go with the 3rd concept from our previous assignment, a slow communication experience. We started out with something that looked like this:

 

screen-shot-2020-09-24-at-8-51-56-pm

We took the bird characters from the book and linked them to the individual canvases. (With a moderate amount of success.)

 

 

 

screen-shot-2020-09-24-at-2-57-05-pm

In this photo, we are beginning to organize the canvas and background.

 

 

Our initial work in progress looked something like this video. While we appreciated the abstract birds, the location, pace of the scrolling text, and a few other tweaks weren’t quite right.

screen-shot-2020-09-28-at-3-04-07-pm

 

After the feedback, we modified the canvas to be more aesthetically positioned. We also played with the grid, size, and pattern.

 

 

hero-the-condor

It took the full experiment to get here. But through much discussion, videos, phone-a-friends, and successes – we made it!

We are very proud of the result. It has a very strong visual language and relates to our own experience through this experiment. We are all the Condor.

Quick demo video here.

 


Future Projections

1

 

Our goal was to create a shared canvas that users could bring sections of the poem into the experience, which could then be reordered to create a new meaning and message to an old poem.

As of right now, we were not able to accomplish this goal. With more time and a better understanding of how to express our ideas in code – we believe that we could produce something like this XD prototype.

 


P5 Web Editor Link for Experience:

Pastebin Link for Homepage:

 

Made by:

Tae Nim (3170229)
Marquessa MacKenzie (3174722)
Doris Gao (3175995)