MlxD – Final Execution Plan

Sound Design

  • Ideal goals
    • Launch interactive website with two-three mixes
  • Realistic goals
    • Launch interactive website with one mix
  • Minimum goal
    • Design website using Sketch + Figma to show User flow

Interactivity + Visual Design

  • Ideal goals
    • Launch full-fledge working website
    • Website is responsive for mobile and web
    • Website allows users to submit knowledge / information about sounds
    • Guest mixes are also showcased
  • Realistic goals
    • Design website using Sketch and Figma and show examples of User Flow
  • Minimum goals
    • Wireframe
    • Design

Exhibition

  • Web or Visual experience to be interacted with online

Final Execution Plan

By April 14

  • Visual
    • Color Scheme decided
    • Landing Page Design
    • Layout for First Mix
  • Music
    • Annotated Notes for First Mix
  • Interaction
    • Animation Designed from Moving from Landing Page to First Mix Page
  • Exhibition

By April 21

  • Visual
    • Design for how information flows on screen decided for first mix
  • Music
    • Annotated notes for Second Mix
  • Interaction
    • Two minutes of information shown and animated
  • Exhibition

By April 28

  • Visual
    • Design for second mix
  • Music
  • Interaction
    • Two minute animation shown for navigating to second mix
  • Exhibition

By May 5 – Final Presentation

  • Visual
  • Music
  • Interaction
  • Exhibition
    • Animated Video exported and ready for feedback
    • Figma/Sketch design accessible for those to see

Synthesis

For this exploration, I decided to use Max to learn more about synthesis and combine that with learning about UI.

There were a few parameters for the assignment and eventually I ended up taking an additive approach as I began to work on the assignment.

I was first tasked with controlling an element using a button (or a digital off/on state). I decided to learn about they key pressed function in Max and used the pressing of “p” on the keyboard to activate the phasor. I’ve been really drawn to the phasor because of it’s ability to produce a clicking noise.

I then created another button to start a sine wave. I liked the idea of combining the wave with the clicking of the phasor to see how they interacted and sometimes got some pretty interesting results.

For the sliders, I also connected them with buttons and used the built in slider of the live.gain as well as other additional sliders and programmed them so that their min and max made sense and reflected their role.

Max Patch UI:

Max Patch:

Black Projection – Update #2

Project Name: Black Projection

Summary: “Black Projection” is a portal mapping device that allows users to explore the interconnectedness of time, space, and racist hegemonic design systems. Through this, it extends an invitation to project and take control of our own future.

Setup:

Setup:

  • Projection / Portal Device in center of room
  • Magnets will be located next to device in a container (pending)
  • Projector will be setup to project images from p5.js sketch
  • Music will be playing in the room

Alternative Setup for Less Space:

  • Project/Portal Device on a stand to raise up to standing length
  • Magnets located next to device
  • Everything will be connected to large Ipad or Monitor to display images

Current Project Status:

  • Images / Content secured
  • Top / “Portal Map” of Device finished
  • Mapping to nodes has been figured out
  • Reed switches connected to breadboard and now need to be tested
  • p5.js sketch started with most of images uploaded (some failed to upload because they were too big)

Knitting Pattern

A lot of the artwork, I did this summer involved collaging – a mixing of archival material that allowed me to better understand stories and history.

Currently, I’m very curious about metals and shine and magnets and how these things relate to my understanding of blackness, technology, and black art.

As a result, for this knitting pattern, it would be knitted with copper wire. My hope would be to create a “circuit print.” With this, the knitted pattern could be given power and hooked up to a speaker where then the hidden message could be decoded through the use of a magnet.

When looking for examples of how this could be done, I found paper speakers: https://www.youtube.com/watch?v=y1F5Gg4bG3o

The knitting pattern is simple, but I’ve added to the traditional code of K1 and P1, by adding symbols for Bead1 [Bead1 + Pearl, Bead1 + Knit] and Spiral1 [ Spiral 1 + Pearl, Spiral 1 + Knit].

Instructions:

Cast on odd 7 stitches.

If working flat:

Row 1: K1, P1, K1, P1, K1, P1, K1

Row 2: K1, P1, K1, BP1, K1, P1, K1

Row 3: K1, P1, SK1, P1, SK1, P1, K1

Row 4: K1, P1, SK1, P1, SK1, BP1, K1

Row 5: K1, SP1, K1, SP1, K1, P1, K1

Row 6: K1, BP1, SK1, P1, K1, P1, K1

Code: K1 = Knit 1, P1 = Pearl 1, BP1 = Bead Pearl 1, BK1 = Bead Knit 1, SP1 = Spiral Pearl 1, SK1 = Spiral Knit 1

Once the pattern is knitting power will be given to the spiral points and a magnet will be used to detect the message. The message, I hope to be decoded would be an intergenerational story. The three spirals represent points in time (past, present, future). I would love for me, my mom, and my grandmother to all record a song that has meaning in my family and for that to be decoded with the use of a speaker, copper, and magnet.

Cyber Aura Witch

My ICM partner Wen Chen and I worked together to create a p5.js sketch that manipulated an image or video for a 1 minute experience.

Immediately, when playing around with different ideas, I thought about aura prints which are different types of photographs that can capture your aura. I wasn’t really sure how they worked, but after research Wen and I began thinking more about how colors can translate into an emotional language.

From that we birthed, the cyber aura witch – computational witchcraft using aura to offer fortune for guidance.

The experience is guided by instructions given in both text and sound. Using p5.js ability to capture video, we then used ml5.js’ poseNet library to allow the ability to track the position of the user. We mapped the position of body points to color to allow the ability to change color based off of body position – this controls the aura.

section 1 – introduction to cyber witch

section 2 – aura reading

section 3 – fortune telling

section 4 – opportunity to proceed forward

Origin Tale of Arachne

For physical computation midterm, my partner Douglas and I created a device that tells the origin story of spiders (the tale of arachne).

First, we went and bought some reed switches from tinkersphere and tested them out to understand how they work.

We then put the sensors on the board and learned that you could use the internal resistor in the Arduino if you set the digital input to pull up. A quick trip to the Container Store got us an enclosure for our project.

The top of our enclosure / device was acrylic that was etched by the laser cutter and a hole was cut into the enclosure to allow the cable to come out of the box and connect to the computer which we needed to show the p5js interaction.

There was so much to learn when it came to serial control and connecting the arduino to the p5.js but happy to see how it all turned out.

Enclosures

Enclosures, Enclosures, Enclosures.

This was a fun project but one full of unpredictable errors and obstacles!

My initial idea was to create a reparations piggy bank that made a cha-ching sound whenever anyone put money into it. I decided that for my fabrication class, I would tackle the enclosure aspect of it and wait to create the computational components.

I took a trip to Canal Plastics and picked out a thin sheet of white semi-transparent acrylic and then designed what I wanted to go on it.

The day I went in to laser cut my acrylic, the laser cutter was down due to a fire occuring (R.I.P.) so this made my project extremely late. I then had to wait a few days until I could get trained across the street at the Makerspace so that I could use their laser cutters. The Makerspace is nice but I had to flip my brain around and deferentiate between their laser cut settings and ours at ITP. This reminded me of the importance of documentation of instructions in order to make things user friendly….

Laser Cut file

I ran into a few issues while setting up my file for the laser cutter. I had to convert my text into an image because no one knew how to download fonts to the computer.

I knew that I wanted to try making a stencil so that I can fill in the reparations area with black sharpie, but after running the acrylic through the laser cutter, because the area of engraving was pretty big, it caused there to be burnt glue pieces on the text. When I went in to fill this with sharpie…because the area had glue residue which was difficult to get off, it didn’t quite work out..

After a few days, I decided that I should get something stronger and went to an art supply store. I started looking at spray paints and found an acrylic based spray paint, which I did not know was a thing. So I tried that!

After using this, I peeled off the paper portion only to find that my chain did not actually go all the way through. But nevertheless, I like how it looks and might try it again now that I have a better idea about how to get the desired results.

Computation and Me

The World of Computation is still very new to me. A few years ago, I had no idea what that word meant or that it could be something that I could use.

In many ways, I feel like I still cannot completely fathom all the possibilities of computational media. As an artist I am interested in how to combine installations and fabrications with my thematic interests in exploring black futurity, and queer futures. There is still much to be figured out here. Still many more dreams to be dreamt and stories to birth before I know what project I shall work on specifically.

Something I am interested in is the merging of the digital and physical, how they can inform each other (well technically the digital is actually pretty physical, although people seem to forget that). A project I really like that merges these worlds well is recent ITP grad Wipawe’s Thesis Project, Me, myself, and .io.

A projection-based augmented reality (AR) installation about who I am
as seen through both my physical and digital data.

Me, myself, and io as described by Wipawe

For this week’s homework assignment, I tried out some new computational methods using p5.js. Although I was intrigued by p5.js initially, it is becoming clear that it is not really my ideal method / platform of choice. But nevertheless, I am just thinking of it as a learning tool through which I can grow and find something that speaks to me more.

This sketch is silly, which I’m realizing is also something I need to get in touch with. I haven’t been silly in an academic sense in a while. The requirements for this sketch were: 1) Have one element controlled by the mouse 2) one element that changes over time, independently of the mouse 3) one element that is different every time you run the sketch.

For my sketch, the color of the character’s shirt changes every time the sketch is made to run again (by pressing play, by refreshing the browser, etc). The afro of the character also grows as you move your mouse down. I’m still working on the second requirement. I wanted to make the eyeballs move / be animated but was struggling a bit with that.

https://editor.p5js.org/cyberwitch666/sketches/xOj9oExM-

That’s all for now. Currently, feeling a bit limited by my capabilities. Sometimes I want something to happen but I can’t always make it happen so then I creatively figure a new alternative out. I have become better at embracing flexibility, but would love to get better at precision. I’m also curious about how p5.js is used after this class? It would be nice to view more examples of work.

Featured

About Me

Cy X is a black queer multidisciplinary artist based in Brooklyn, NY. They received their BA in Film and Media Studies from Colorado College in 2017. They are currently a MPS candidate at The Interactive Telecommunications Program, New York University Tisch School of the Arts. Cy is interested in exploring black queer futures and abolitionist possibilities through emerging technology, immersive environments, and performances.

View Cy’s Portfolio Here.

Photo Credit: Meadow Studio (www.meadownyc.com)