link to project: http://charliemo.neocities.org/raining%20night/index.html
link to code: http://charliemo.neocities.org/raining%20night/sketch.js
For my project, I imagined a bleak future plagued with overpopulation and dependency of technology. I took inspiration from notable Japanese animators such as Hayao Miyazaki and Masamune Shirow, both of whom produced visuals famous for their modern yet rustic look. I created each building using Photoshop by stitching together bits and pieces of traditional Chinese and Japanese architecture with buildings found in urban environments.
*press spacebar to make the character fly!*
rnayyar-final-perlin-noise-2 <— Download me for access to the code and index 🙂
Below are some screen shots of the results I got while playing around with the variables in my perlin noise flow generator. This is the Dan Shiffman video that helped me code this.
The perlin noise generator produces incredibly natural-looking threads, paths, hairs,
and and ripples across the canvas. I played with the variable values, particle count,
and offset values to get so many varying results.
These are only a select few. These patterns were then laser cut onto wooden panels.
The wood grain, wood color, and specific images, produced many different results.
I intended to have people arrange the panels so that there would be a continuous
path or bolt that strings through the work. This is an interactive piece that invites
touch, play, observation, and puzzle-solving. I used wood as my medium because it
was such a versatile material created by resources taken from nature itself.
This is a photo of the laser cutter engraving a pattern. The quality is a bit iffy because the
laser cutter moves so quickly.
****more photos will be edited in after tonight
For this project, I scanned in 13 found slides. I then edited the file information in text and audio editing software and converted it back to an image file. This conversion and loss of information results in “glitched images”. I then printed these images as “slides” again, put them in slide holders, and projected them with an old school slide projector.
This project was largely an exploration of how information that gets lost in translation, and how the loss of information for digital and physical media isn’t exactly comparable. The context for these found images has been lost; through time, damage and change of ownership. Whatever memory or story they are able to tell is unreadable to me, much like damaged files that may be unable to be opened, whose detail and information have been lost over compressions and conversions and uploads.
For my final project I ended up making the improvements mentioned at critique for my space ship virtual pet game. I was pretty happy with my game when I presented it last, but there were a bunch of glitches and things that needed to be fixed. I fixed the control panel, and did a lot of work on the background sounds so definitely play with sound on!!!!
To play the game, you have to keep your space ship from getting towed. I was inspired by the frustration of having a car and having to keep moving it so as to avoid being ticketed or towed.
I chose to change the way that you interact with the game by creating things in the canvas to be clicked on rather than a control panel. You can transport planets by clicking on one of the three in the sky. You can also add money to the meter, or pay your ticket, by clicking the button on the meter. I also added a money counter at the bottom so you can see how much you have left to spend- if you spend it all you die 🙁
Here is a screenshot of my game:
Here is a link!
These poems are meant to suggest my personal approach to new media art, as well as a contemplation of the place that analog process has in a reality characterized by ever-increasingly technological processes of art-making.
Lucid (With Variations)
For my final project I decided to work with a video piece I shot and edited last semester in EMS1 but evolve the project to include programming and coded visual effects. I altered the audio of the video before importing it into p5 to create more of an abstract soundscape, and also so I could make some of the pixel alterations of the video sound responsive. My final project is essentially an experiment in pixel distortion and creating visual special effects that are ephemeral and abstract and are partially sound responsive and partially dependent on mouse position.
One impoverished noble (Oth) decides he will not work for his more affluent neighbor any more, and so hits the road as a pilgrim.
(Screen size needs to be adjusted for it to look right.)
Annie – What are you typing?
I’m interested in information visualizfaiotn so i decided to create a program that tracks the user’s keyboard input in real time. Although there are similar projects that tracks the frequency of the most used key on the keyboard, my project intends to visualize the relationship between each keys. The screen will continue to display a curve that connects the previous key input to the current key input.
To try it your self:
REVISED VERSION (space breaks the previous pattern):
Taking inspiration by some of the hyperlink works we looked at in class, I wanted to experiment with telling narrative though jumping around diffrent webpages. The result is a quick story about acceptance and loss.
You can start here.
You can also view all the pages here (but they are not in order so sorry).
I created this interactive lantern simulation using Processing -python version in which the user can navigate through these fields of lanterns. The lanterns are simulated with random velocities and rotation values.
Daily Makeup Generator
I created a daily makeup generator thats shuffles separate eye, cheek, and lip looks to create random combinations. I would use the the generator to determine my make up look for 4 days and I would wear them to class. I documented the process of my looks on SnapChat. Some looks were definitely better than others…
You can see all four looks on my snap story.
My final project originally started as an exploration of random curves generated through noise which would transform over time and create a composition. This process was going to be installed in a dark room (the one under the Doherty stairs) but my project transformed over time. As I was working on this code, I listen to music (something that I love dearly- and has been a part of my artistic practice and evolution as an artist by constantly providing inspiration and also helping me grow in understanding different forms of art). Recently Childish Gambino came out with his new album Awaken My Love which was a completely unexpected psychedelic experimental funk album. One of the tracks, Redbone caught my attention. You know when you sometimes feel that visceral feeling when listening to music? Like when you really vibe with something and you just wanna feel it. That’s how I felt when listening to this album. I decided to change gears knowing how we did a sound visualizer and I worked with WEBGL also for a prior project I decided to tackle Redbone. I was inspired by the aesthetics of the album cover and then the code analyzes the amplitude of the song so the visuals fluctuate as well as changes with elapsed seconds. I really wanted to install this in the room under the stairs in Doherty with sheets that would make a somewhat domelike ceiling which this would then be projected straight up on. It would be meant to be experienced lying down with speakers surrounding all sides of you to really encapsulate the entirety of the song and to attempt to spark a tangible reaction from the audience of the piece. Unfortunately- I fractured my foot this weekend and that was not possible so please try and imagine my final vision!
Awaken My Love Cover:
Article on Redbone/ Awaken My Love:
Idea: Make sense and order out of a series of random points/lines
Inspiration: Life and how you have to work with what you have got.
- Code generates random bezier curve.
- 20 were printed out. At this point I tried many different approaches to correlate and organize all 20 images to form a cohesive composition.
- I decided to have the printed images arranged to form an order that resembles movement.
- Pencil and pen drawings are drawn on top of the bezier curves to complete the animation.
(To be presented along with physical drawings)
Perlin Noise Installation
- using p5 code randomly generated perlin noise which changes over variable t (time)
- transformative, keeps changing
- I want it experienced in an surrounded/interactive way (Leap Motion/ Kinect?)
- Skeletal Points?
- take noise animation and project it
- projected either on sheet, dome structure, large wall
- possibly sound reactive to preloaded soundtrack?
- Project through large sheets of denril/vellum/tracing paper/plastic? for interesting depth
- DH Crit Room
- DH Stairwell Room
- CFA 3rd Floor Arc
- … keep scouting
- projected either on sheet, dome structure, large wall
- Artfab Blue/ Ideate for tech
project 1 idea:
project 2 idea (continuation of and improvements on pixel art video game):
Random Shape Generator
- generates random shapes (curves / angular shapes)
- shape is drawn out with a plotter
- draw on image with ink, making sure that the plotted line is still front and center
- transform the image into something new
- end product: series of drawings (at least 10)
Picky Picky Pilar!
Click objects in the background then use the icons below to appease Pilar.
Check out my project HERE
and in case the link doesn’t work: (https://drive.google.com/a/andrew.cmu.edu/file/d/0B9a66LKfvIrBSDJaWTZ5Y0owSGc/view?usp=sharing)
- Left and right arrows to move
- Up arrow to punch
- A to fulfill wishes
-Sleep (save) -> stays the same
-Coin Insert (deposit) -> jumps
-Coin Subtract (withdraw) -> cries
-Break (steal) -> dies
The Player acts as the prison guard for their pet. They can either make the pet’s stay in prison as comfortable or as horrible as they want.
-eat nasty prison food
-put into solitary confinement for messing up
-disobey and break out of prison
-food and water
- Entertainment and exercise; Schmoodge likes riverdance a lot! However, Schmoodge can be kind of sleepy if he isn’t kept active.
- Attention; Schmoodge is a very social but sensitive JellyRabbit. If ignored for too long, Schmoodge becomes visibly upset and will hold a grudge. Schmoodge shows this by flopping his ear stocks down to tongue length and closing his mouth completely. The best way to show affection to Schmoodge is to encourage him to do his best and lightly pet his ear stocks.
- Nutrients; Schmoodge really loves pasta and lollipops. They remind him of the good old days. However, too many carbs/sugars and too little exercise will cause Schmoodge to gain a lot of weight. He will not be able to support himself with his legs if he gets too fat. He needs a balanced diet of fruits and vegetables (Schmoodge in particular really enjoys blueberries smoothies and sautéed broccoli).
- Rest; Schmoodge will become very anxious and irritable if he does not rest enough. Schmoodge will only sleep if he trusts his company 100%, as he sleeps by tucking in his legs and ear stocks. This makes Schmoodge vulnerable to danger because his hearing is muffled and his legs are not accessible at the drop of the hat. To have Schmoodge trust you enough to fall asleep, you must build a relationship with him. Schmoodge loves lullabies and music in general. Singing Schmoodge a lullaby is a very nice way to gain his trust and encourage him to sleep.
- chest beat
- laser beam
- baby (thanks charlie)
if not fufilled the hand will get mad at you, ignore you, friendship/whatever will wither
-keep or break a promise (pinky swear)
-Tell a truth vs a Lie
-play a game/high five
Title – Picky Picky Pilar
needs – 1)attention 2)wine 3) hungry 4)bored
Actions – 1) give a hug 2) give wine 3) feed salmon and chocolate milk 4)let out to go party
Brainstorm for Pet’s Needs/Actions to Perform : (intended to be options that the person can choose for their uterus if they want)
- birth-control, absorbed as a small 3D symbol or little pill
- progesterone,absorbed as a different little 3D symbol
- reproductive rights, if you don’t surround it with the right political climate and freedoms it will die
- can choose to have a baby , it will probably come out as a baby uterus not a baby human
- can regulate when menstruation happens potentially? (actions done by the owner to track it, deal with health surrounding that)
- could fall host to different issues or diseases (ectopic pregnancy, TSS, etc.)
- tubal ligation is an option if that it what it wants for itself
- instead of having it eat and feed on something i was thinking of making its survival primarily dependent on proper health and reproductive rights and such
I’m still not sure I want to make this as literal and political as I described above, I may want to find ways to make it more fun, so I’m still figuring it out.
Needs: bath, consist room temperature, love and intimacy from the player, a lot of rest
Actions: touch it with care, give bath, decorate it, wake it up from sleep, put it to sleep
-Click on shapes to turn drums on and off
-Press any key to play background track
- 0-60 in 5 seconds
- Up = Gas
- Down = Brake
- Left = Clutch (only works when speed = 0)
Only living for twenty-four hours, mayflies have the shortest lifespans on Earth. Because of this, mayflies are also called ‘one-day insects.’
24 mayflies; wings flap in unison once every second.
dowload zip file to watch/play
press keys 1-9 for sounds and visuals
- MouseX & MouseY = Lowpass filter
- Spacebar = Bass
- W = airhorn
- S = omg
- A = mom get the camera
Keys: T, L, O, P, I, W, F, K
View Full Screen
for some reason this isn’t working on andrew space… here is the link to the zip file:
pls help me figure out why it’s not rendering on the andrew space:
Takes several moments to load.
Keys: X C V B N M A W E F H U I L S D J K
TRIGGER WARNING: blood, gore
Turn up the sound!
press the mouse pleeease
There have been many attempts to blur the boundaries of sound and visual arts. Instruments for the eyes have been conceptualized since the obscure ocular harpsicord in 1725.
In the early 20th century many artists claim to be affected by synesthesia and incorporate their affliction into their art making.
Color Organ invented by composer Alexander Scriabin in 1915 for his Prometheus: Poem of Fire.
Wassily Kandinsky.-Composition IV (1911)
That’s the one that got accidentally turned upside down, and Kandinsky got the epiphany of non-figuration.
composition VIII (1923)
Pure painting like music, an “internal necessity” – leap into abstraction.
“Color is the keyboard, the eyes are the harmonies, the soul is the piano with many strings. The artist is the hand that plays, touching one key or another, to cause vibrations in the soul.”
He worked with other composers, making librettos and stage designs.
A student’s graphic analysis of music according to Kandinsky’s theories on graphic representation of music made during coursework at the Bauhaus. Bauhaus Archive, Berlin, 1930
Experimental filmmakers embrace the idea of visual music. Music as a pathway to abstraction.
Oskar Fischinger – An Optical Poem (1938)
Norman McLaren – Dots (1940)
“Made by painting directly onto clear frames of film, as pictured in the frame enlargements below. Interestingly, the music was created in the same way, painting directly into the area on the film strip usually reserved for the soundtrack.”
Norman McLaren – Synchromy 1971
“To produce the film’s musical soundtrack, McLaren photographed rectangular cards with lines on them. He arranged these shapes in sequences on the analog optical sound track to produce notes and chords.”
John Whitney – Permutations (1968)
Early computer animation, he applied musical principles such as the harmonic progression to the generation of images.
The interest in enhancing musical experiences with visuals re-emerged in the 60s and 70s with psychedelia and the “expanded cinema”
Liquid light shows – overhead projector + live manipulation of fluids. Late 60s – today.
Exploding Plastic Inevitable events by Andy Warhol, 1966 – 1967
Atari video music, 1976. The first (analog) electronic music visualizer.
Jeff Minter, Virtual Light Machine 1990, Atari Jaguar
Real-time sound analysis
Live visuals or VJing
Hexstatic+Coldcut 1997 in collaboration with Greenpeace.
This is a 1997 music video but gives an idea of the visuals/sound relationship.
Ryoji Ikeda, musician and installation artist. a/v performance
Sound apps and sound games, some of which I mentioned before
Rez – Tetsuya Mizuguchi – 2001
Inspired by a techno street parade
Everyday Shooter – Jonathan Mak 2007
Thumper – Drool – 2016
Polyfauna – Universal Everything + Radiohead
Noise looks more random at smaller mouseX values
I actually had this done before class started, I just had many problems trying to upload the file onto my andrew space. My free trial of Fetch had ended so I thought the quickest way to upload would be on my Neocities page but it refused to work properly. Then I tried download Fetch again which failed. Then I remembered FileZilla which ended up working but I kept on putting my index.html file into my “www” folder (like I recall doing with my drawing tool and drawing tool 2.0) which caused my andrew site to crash. Then I got really mad and just threw the entire project folder in there and it worked. Moral of the story is that when in doubt, just put the entire project in the www folder…
Try it HERE
Alternative Drawtool_02: http://adelakapuscinska.neocities.org/