*Late assignment, in progress
For this p5 project, I focused on the subject matter of drone warfare being conducted in Syria and the at best obscure procedure it follows, or selects targets. It was inspired by a quote stating that the children there have become afraid the implications of a cloudless sky.
Pixel animation. The rooftop scene shows two civilians frozen in flight, one definitely a child (ironically, it is wearing a pilot’s helmet for head cover). They stay barely shielded by two pinned up sheets, held there – we assume – by premonition or by surrounding sound. In the distance, the clouds keep on rolling languidly, every once in a while uncovering a disconcerting presence behind them, one that slowly fleshes itself out to be one of a military drone. A seconds’ timer is timing down fast over the two characters, implying that the question of civilians is only one of time.
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
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.)
I wanted to explore the different degrees of creating an art work. i am a very hands on person who likes to create physicals works like paintings or sculptures. After being being more comfortable with Photoshop and learning how to code, I thought it was a great opportunity to branch out and use digital tools as my materials. But the idea of how much of thought and action an artist can put in to an artwork and still call it theirs’ interested me so I decided to combine both my physical and digital materials to explore it. Can I still say that it is my work even if I did not make half of the decisions that was put in to the final product? CanI still say that it is my work when every single elements on the final image was not created by me? These were the questions I asked myself and wanted to explore while I was proceeding this project.
LF Heals is a game about being the healer in a MMORPG Dungeon Group. The player must click on each character to heal them, and right click to boost their ego. Each character is reactive, and will become very unhappy if they do not recieve the proper care – going too long without caring for them will result in their death. You must keep at least one of them alive to win the game.
LF Heals is a bite-sized experience of what it’s like to play online games, and how toxic and stupid these communities usually are. A tongue-in-cheek poke at how normalized this behavior is, and how we are enablers when we stay quiet and keep our heads down to avoid trouble. Hopefully will have players step back and think more about how we continue to allow these people to act this way.
Everywhere They See Me
This piece is my attempt to capture both mundanity and a sense of something overwhelming, or the slightly sinister. I screenshot footage from security cameras around the world from a database called “insecam.org.” My intent was to capture moments from a variety of settings we find ourselves in daily, ideally with people present and active, and then to curate these short sequences by similarity. For instance: malls, offices, outdoor sports venues, etc. Footage being grouped together like this allows us to see that “privacy” is not so secure, and that being “watched” is just part of the deal if we want to partake in modern life. Alternately, this video amassment is a way to save moments that would have been overlooked (as just normal life) rather than a security threat, and forgotten completely. In most circumstances, they would not be available to watch over and over by people halfway across the world.
Word Document of the Design Doc:
DPS Pet Design Doc
November 28, 2016
DPS Pet Design Doc
Pitch: A Tamagotchi-style game, in which the player must keep a contrary and grumpy dungeon-delver alive.
Concept: Deliver a bite-sized experience of the toxicity and stupidity so rampant in online communities, and a reminder that this self-entitled behavior is quite child-like. A tongue-in-cheek poke at how normalized this behavior is, and how we are enablers when we stay quiet and keep our heads down to avoid trouble. Hopefully will have players step back and think more about how we continue to allow these people to act this way.
- Pet: Traditional damage-dealer (DPS) in MMORPGs.
- Two “needs”:
- Health – must be kept alive
- Ego – must be pandered to and feel important
- Player acts as the party’s healer
- Keeps the DPS healed
- Keeps the DPS’ ego up
- Player must keep the DPS alive through a range of scenarios.
- DPS loses health and ego at a constant low rate, from monsters and environment
- DPS has “special” scenarios that make one of those stats go down at a significantly faster rate
- Fires appear on the floor, and they stand directly in the fire, taking increased damage/ Boss fight, takes more damage/ argument in chat, ego goes down
- A “special” scenario functions essentially like a boss fight, but it is any hazard that causes a stat to go down at an increased rate.
- Player has a set of options available to them, that will keep the DPS alive
- Healing = health
- Ego boost = Ego
- Player progresses through a “dungeon”. Bar on the top of the screen shows them their progress in keeping this DPS alive.
- Background doesn’t change, but new environmental assets added for each scenario.
- If the player manages to keep the DPS alive through the whole thing, they win! Ending screen with a treasure chest, and probably some dry humor about how they’ll need to keep doing this again and again, and don’t they love their job?
- Two buttons provide the main interaction with the DPS: Healing button, and Ego button.
- The name of each DPS, randomized each time the game is launched
- A “chat” window on the left side of the screen.
- Filled with randomized phrases from other party members, and the DPS.
- If their ego goes too low, the DPS will get angry in the chat and say mean things.
- Pressing the ego button will send soothing messages into the chat and make the DPS feel better about themselves.
- Dungeon progression bar (see above).
- Setting of the game (including the character, the dungeon, and other environmental sprites)
- Idle Animation
- Angry Animation
- Injured Animation
- Dead Animation
- Tantrum (Ego-death) animation
- Running animation
- Shooting bow animation
- Healing Animation
- Ego animation
- One small monster idle animation (monster 1)
- One big monster idle animation (monster 2)
- Ego + health buttons
- Chat window
- Dungeon background
- Environmental Hazards
(There’s a name for each pet, randomly generated each time you refresh the page. But I couldn’t get a font small enough to legibly display the name. You can check println for your DPS’s name though.)
– Placating statements
– Ego boost
– Heal character
– Placate character
– Praise character
– Trade them some loot
Relation with needs: If met, dungeon goes well and character survives. Player gets some sort of reward? If abused, or forgotten: character gets steadily angrier and angrier, and quits the group, replaced by another
Needs: feed(will leak and turn to stone if unfed), talk to (tell it about the outside world or just give it affection), purify (keep the body and soul clean!), keep contained (It has to be ready before it sees the outside world or it will die of shock) .
Actions: give it a bath, teach it just from unjust, feed it Go Gurt, play with it to keep stimulated and from wanting to escape (can die from escaping or from banging on the walls from trying).
Actions (options): tend it, wreck it, wing it, feel it. Needs (meters): human contact, warmth, water, grandeur
4 needs: keep heated (color will change to cooler tones if it’s getting too cold), drank from (character will look angry if it’s ignored for too long), refilled before empty (character will die if empty too long), stir from time to time (character will bounce and try to stir itself until you stir with spoon)
4 actions: put on hot plate, stir with spoon, brew and refill coffee, drink from coffee
c = shrink flame, wind increases
e = grow flame, wind decreases
a = no flame
d = everything fades
f = goes black
(Unable to upload to OpenProcessing or Neocities, so I’ve attached a .zip file of it here)
Loop Drawing- Flashy Dancefloor
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…
da nü tool 🙂
Opposing mirror function and altered stroke weight.
Composition in Red and Blue Featuring Batman – Eric Byun
Flies Make Me Introspective – Alex Muralles
Traffic Light – Sofia Syjuco
Mouse Speed Determines Color Change
In a mirrored line movement, the speed of your mouse correlates to the change in color that the lines undergo. Quick speed allows for a more varied and vibrant color shift, while slower speed results in a darker, duller, and less varied color usage.
edits to be made; messy conclusions led to me deleting a bunch of trash and then I lost the race against time when it came down to finishing it properly :~( Will be updated and finished appropriately!!!!