Experiment 4.3 Crafting Electronics Swatchbook — Group #9

Group #9

Aimee Chen

Emily Flood

Marquessa MacKenzie

Michael Sinn

The Interactive Party Jacket

Your Coolest Choice for Party.

 

Interactive Party Jacket Swatch Presented by:

Aimee Chen #3175402

Marquessa MacKenzie #3174722

a1_exp04_assignment4-3-copy4-006


Inspiration & Concepts

The inspiration to make an interactive jacket came from missing the connection that social gatherings offered. We decided to repurpose this jacket because it has patches on the shoulders that offered a perfect place for the circuit boards to sit. The green cactus patch was a gift given to Marquessa by a close friend and she wanted to find a way to incorporate it into this jacket but was waiting for the perfect opportunity. To create a cohesive theme Aimee made little hand-drawn cactuses out of metallic tape that was coincidentally conductive. We really enjoyed coming together to share creativity and produce a final swatch that is both an exploration of creativity, crafting, and circuitry.

Materials

Adafruit Circuit Playground*2

Conductive & Non-conductive Thread

Conductive Fabric

Adafruit Pressure-sensitive conductive sheet

Non-Conductive Decorative Tape

3V Battery*2

Non-conductive Cactus Patch

Non-conductive Beadings*2

10k  Resistor

a1_exp04_assignment4-3-copy2-002

 

>> Analog Sensor Demo #1 – Basic Circuit

> Analog Sensor Demo #2 – Put It on with Beading

>> Original Code Link

a1_exp04_assignment4-3-copy2-003a1_exp04_assignment4-3-copy4-004

>> Video Demo #1 – Sewing

Video Demo #2 – Lighting

> Video Demo #3 – Embroidery Switch with Beading

>> Video Demo #4 – Party Jacket [overall]

Original Code Link

(we make the number for the [CAP_THRESHOLD] much higher, which means threat’s sensitivity gets higher)

a1_exp04_assignment4-3-copy2-005

 a1_exp04_assignment4-3-copy4-006


Challenges and Improvements

  • The process of sewing each component onto the jacket was successful and the code runs fine with the plug-in battery. However, when we did another part of the sewing that attach the playground to the battery, it did not work. We still ended up using the plug-in battery.
  • The analog sensor is moderately challenging to calibrate and sometimes it is being more sensitive than it should be.
  • We will try to explore more possibilities with sound-reactive and temperature-reactive lighting for further improvements.

 

>>> Final Work Demo Video <<<

Thanks for Reading.

The Pom Pom Pants

By Emily Flood

Materials

Adafruit Circuit Playground Express

Conductive & Non-conductive Thread

Copper Tape

Felt

Corduroy Pants

Solder

Non-conductive Yarn

20201212_00583820201212_013143

Inspiration

The inspiration to make pants with conductive pom poms came from the analog sensor I made with a conductive pom pom. I enjoy the sewing process, and I enjoyed how the pom pom looked, so I thought it would be the perfect thing to combine with a clothing item. Marquessa had the idea that the pants would complement the jacket to complete an “outfit”, so that was the direction I was going in with these pants.

20201207_10433020201207_104559

Setbacks

The solder didn’t want to work with the copper tape and conductive thread. Looking back I should have used more conductive thread and gone over the holes a few times to make a stronger connection. This piece ended up only being a work-in-progress because of the deadline.

>> Code – Adafruit Circuit Playground default code

Atelier 1_Experiment#4_Dec/11/20.

 

 

 

 

 

 

Exp.3-3-3 Interview with Emily Flood

Interview with Emily Flood’s Pixel Art World

Emily’s project created a pixel art world with lovely animals and floating flowers on a rainy day. 

1.How did you get this idea?  What inspired you?

I was largely inspired by the Minecraft earth app which takes Minecraft and implements it into an AR game. I was also inspired by pixel art gifs around the internet and other games like Stardew Valley and Terraria. I think Minecraft has a wonderful and effective aesthetic – even if graphics aren’t the main point of the game there’s definitely a certain charm to it – and they are considered iconic in gaming.

2. What do you want to achieve here (what scene do you want to create with your AR)?

I wanted to take the pixel art aesthetic and make that the main focus of my app, animating cute animals and flowers and rain to create an environment for the viewer to enjoy. It’s a simple goal but I figure AR is perfect for creating visual experiences, as it is not yet the best medium for game development, in my opinion.

3. Do you enjoy the process of creating your own AR Project?

I enjoyed it a lot! I do some pixel art in my spare time so the workflow was quite natural for me. It was figuring out Lens Studio that was the hard part.

4. Except for Lens Studio, what other software did you use for this project? What’s your overall user experience with Lens Studio?

For the pixel art animation, I used Aseprite. I’m already very familiar with Aseprite as I have used it for years, so I had no trouble with it. As for Lens Studio, I would say my user experience was overall pleasant. It took some getting used to, but I noticed that the interface was similar to some 3D software I’ve used, such as Blender. It’s nowhere near as complex, obviously, but it’s like a very simplified version of blender. At some point, I might try implementing 3D objects of my own just to see what it would look like.

5. Did you encounter any technical issues that failed to achieve the effect that you want? How did you solve them?

Since I was new to the software I didn’t fully know what I was doing, so I watched some YouTube tutorials on the subject – particularly on how to implement 2D animated objects into Lens Studio, as the Lens Studio website had many resources for 3D animation but seemed to be a bit lacking in 2D. Most of the software was intuitive so that was the only real obstacle I had – it turns out there is a lot you have to tweak in the software if you want your animation to work properly.

6. Where do you want to improve if you havd more time?

If I had more time I would definitely add more assets. I would add trees, different plants, other animals, and I might figure out a way to alternate the weather between rain and snow. I might have also given the animals some more animations than just one or two.

img_6275 img_6272 img_6271

Experience with Emily’s Project OvO

Overall Comments:

I really like the design that animals were built on different layers and when the user taps the screen they will change the position to interact with the scene, which creating a good immersive experience. Also, the most important point is that those animated animals are so cute. I would suggest for the next step maybe make the “tap” trigger another animation or different sounds if possible, which would be more interesting and enhance the interactive experience. Thank you for your project!

ᴼº Life Spectrum.

Music is the rule.


Interesting generative art is interactive and brings impressive visual impacts to the audience. Most importantly, is to make it alive.

Inspirations:

- Music makes everything alive, and even after death;

- Bubbles: form who lives underground. 
  (breath makes bubbles. Sign of lives);

- Bubbles = Lives.

— Music is the rule. Music makes everything alive.

The bubble is a concrete symbol to represent the idea of living things. It’s air in a shape. The circle is the most straightforward way to present the pulse of the music. In the last part of the effect, lines don’t follow the rules. Lines here represent the objective facts that don’t under control, but they are caused by many other things we do.


a1_exp02_generativeart-001


The order of those effects’ presentation is intentional. It starts with the simplest one and then another color but a more complex effect. Next going with the combination of bubbles, liquid, and lines. Last, only lines but the changes of color connect this part with previous ones.

a1_exp02_generativeart-002 a1_exp02_generativeart-003 a1_exp02_generativeart-004 a1_exp02_generativeart-005


Final Work.

  • Audio imported: Bad Guy (Official Instrumental) – Billie Eilish

Process.

a1_exp02_generativeart5-001

a1_exp02_generativeart7-001

a1_exp02_generativeart7-002 a1_exp02_generativeart7-003 a1_exp02_generativeart7-004 a1_exp02_generativeart7-005 a1_exp02_generativeart7-006 a1_exp02_generativeart7-007


a1_exp02_generativeart2-003

Tutorials: @bileam teschepe. (detailed links in pdf)

Thanks for reading! ^

Please Check It Out!!>>>[Original File (.toe) / Audio(.mp3) / Video Presentation (.mp4) / Tutorial (.pdf) File.]

 

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)