Author Archives: ark

Twine Tutorial

When I first launched Twine and started building a story, something that stuck out to me was the tag box on each passage.

1

In the beginning I just ignored the box since I didn’t know what it was for and didn’t want to screw anything up. But eventually I got too curious and looked it up. It turns out that putting a tag on a passage doesn’t do anything immediately. The biggest use of the tags is for CSS styling.

My plan for my project was to have different background images on each passage based on what was happening in the story and where the player was in the desert. Tags turned out to be a really easy way to do this. When you want some CSS styling to apply only to a certain passage, you pick a tag for it (the only constraints being that it hasn’t been used before and that it’s one word). Then in the CSS you put: body[data-tags~=”TAG”] and then anything you put in that body will only apply to passages you tagged with “TAG”.

2

The above is a sample from my project. In the code, I made it so that any passage tagged with “highway” would have a certain image as a background and that it would stretch in order to cover the whole page. You can do a lot more with the tag styling such as different fonts/sizes, different link and list styles, etc., but the background image was the only thing I wanted to change from passage to passage.

The only problem with this method of background images is that it takes a very long time for the code to compile and therefore loading times are long. Loading time problems combined with time constraints kept me from individualizing the backgrounds as planned.

Text Preview

Something that I’m incorporating in my project is background pictures. Each “passage” will have a background image. Sometime it’ll be the same image as the previous passage, but most often it will change. At first, having backgrounds doesn’t seem like it will have much of an impact in a story that takes place entirely in a desert, but I have a couple plans that will use the backgrounds very well to enhance the story. The first is that the backgrounds can help to set the scene. Sometimes I want the player to feel like they are in the middle of nowhere, hot, and hopeless. For times like this, I’ll use a picture where there is nothing but sand and an incredibly bright sun. To add to this, I would potentially break the text up into smaller sections so that they are greeted by the same image multiple times in a row (which will convey the feeling of hopelessness). I’ll also be able to use pictures of deserts at nighttime to remind the player what time of the day it is.

In addition to giving the player a better sense of where they are and what it’s like there, I may make a couple images of areas of the story that are harder to imagine. There is one point of the story where the main character is talking to a snake in a weird area of the desert. The original text spent several paragraphs (most likely just to make “The Longest Joke in the World” longer) describing this area. It would shorten the amount of text/passages needed in that section significantly, which would be welcome since I don’t want my game to be unbearably long.

These are just a few examples of ways I’d implement background images into my game to enhance the experience.

Blog 6: Revamping the Hill District

I am part of the group devoted to revamping the Hill District. The Hill District is a very poor and rundown part of the city. Most of the people I know are intimidated to walk around or even just walk through the Hill District, alone or in small groups. Considering the proximity to both Pitt’s campus and downtown Pittsburgh, it’s very unfortunate that the Hill District feels so impassable. Our group plans to come up with projects that could really help to improve way of life in the Hill District.

We specifically shied away from saying that our plan or idea was gentrification. The reason for this is because the Hill District has been “gentrified” before. A little known fact is that the Hill District used to actually be a pretty well-off, middle class area. But at some point there was a group who decided to try to gentrify it even more. Their plan was to demolish some of the smaller local shops and replace them with a large business. This led to lots of loss of jobs and income for the people who owned the now demolished “mom & pop shops” and, eventually, led to the state that the Hill District is in now.

Because of this previous attempt, we decided to go more towards public safety than for giving the Hill District an economic boost. The biggest idea we talked about was increasing peace of mind by placing blue lights (like those on Pitt’s campus) throughout the district. The idea is that wherever you are, there is one of these in sight and you should get police response in a matter of minutes at most. This idea, combined with putting in more/better streetlights, would be two small steps towards making walking around the Hill District feel much safer.

Blog 5: The Uncle

While playing the Uncle Who Works for Nintendo I felt like, despite having options of things to do, that I didn’t really have any other path besides the one they had planned out for you. It also seemed like all of my options for things to do didn’t affect the outcome very much. I realized pretty early on that a lot of the excess options would lead you to a little bit extra text, but all it did was go in depth on the background of the characters then put you straight back where you were before. It seemed like all it did was inform the player, but not change how things progressed in the game.

The only choices that seemed to particularly mean anything where whether you press your friend for information about his uncle and what you do when the uncle arrives. Even then, pressing your friend for information only seems to make him mildly annoyed with you temporarily and back to normal when it returns to the “hub” where you’re just sitting there while your friend is playing games.

The game incorporates images by having a background image that shows the setting where you currently are. For example, when you are in the friend’s living room the background image is of a room with a fireplace, a deer head on a plaque, and pictures (presumably of the family). Other places were the kitchen, the bathroom, the dinner table, and arriving at the house. There were occasions where the image was mostly just weird black and white shapes and they corresponded with more mysterious parts of the story like when you were being hunted by the uncle.

Sounds weren’t really used that much, mostly only for when the time changed while watching the friend play his games.

Tutorial for Making Sounds “Pass By”

My tutorial is for making a sound clip seem like it starts in one ear, moves into both, then out the other. It’s useful to make things sound like they’re passing by you.

Step 1:

Screen 1

To start, you pick the audio clip that you want to apply this effect to. You can tell that I’ve already applied the effect to this clip because the top and bottom (left and right ears respectively) have different visuals.

Step 2:

Screen 2

Next you click the down arrow next to the name of the track that you’re working with. You select the “Split Stereo Track” option. This splits the top and bottom so that you can work them separately.

Step 3:

Screen 3

Select whichever side you want the sound to begin in. In my case, I picked the left ear (top track). Once it’s selected, you add the “Fade Out” effect to it. This makes it so that, throughout the clip, it gets quieter. But since you’ve split the left and right ears, it means that only this one will fade out.

Step 4:

Screen 4

After that, you select the other track and apply the “Fade In” effect to it. This gives the illusion of the sound not being in this ear at the beginning of the clip, but growing louder the whole time.

Step 5:

Screen 5

The last step is to rejoin the tracks. You do this by going into the drop down menu next to the top track and clicking “Make Stereo Track”. This makes it so you can no longer edit each track individually, and you can edit them as one. Rejoining them will make your life easier because you can move them precisely together, adjust the volume level of the clip uniformly, or do anything else you need without having to replicate it on the other half of the track.

Soundscape Preview – Running Through Oakland

For my soundscape I’m creating the sounds of someone going for a run through Oakland. I’ll be using the fade in and fade out in different ears to mimic things passing by or being passed by. Cars, people, and buses are a couple of obvious sounds to have pass by. I’ll use different frequencies of cars to help portray the different areas. For example, in central Oakland there’ll be many more cars passing by than in Schenley Park.

However when I was trying to come up with all of the sounds I would use throughout the soundscape, there was only a small number. To prevent the track from being really repetitive or boring, I decided I’d have to add in something extra. The idea I finally decided on was to characterize the different buildings on campus with certain sounds.

The first and easiest idea that I came up with was having sounds of someone making a chemical reaction while passing Chevron (the Chemistry building). Because of this, I started to plan out a specific route and pick buildings that I could characterize easily. So far I’ve picked out Chevron, the Athletic Association, Cathy, the Porch, and Phipps conservatory. I’ve decided on sounds for all of those other than Cathy. The ideas I’ve tossed around for it are church bells (because it’s the cathedral), a clip of Sweet Caroline (to represent the victory lights), or maybe a short part of an instrumental piece that sounds similar to Harry Potter (since Cathy looks like Hogwarts on the inside).

I’d like for these sounds to be fairly prominent, but not overwhelmingly loud. The footsteps of the runner and the sounds of the surroundings should still be audible.

Soundscape Blog Post

Today while I was working on homework in my room with a couple friends, I realized how weird the sounds of the room were. There were four of us, all doing different homework assignments. Each one of us was frustrated because none of us knew how to solve the problems we were working on.

This is the scene that I’m imagining my sound appearing in, and the sound that inspired me to do this scene was of the vent. When many people are all intensely focused on what they’re doing, they aren’t talking or moving around very much. The only sounds in the room were of the vents blowing, the blinds moving from the vents, pencils scratching paper, and the occasional sigh.

The mood of the room is very similar to the sounds. The room and sounds are both subdued: quiet, focused, and slightly sad. Anyone who walks into this room would feel compelled to stay silent, and most people wouldn’t stick around long after wandering in.

Every once in a while, another sound can be heard from outside the room. Someone in another room laughing or cheering or shouting to a friend. The distant sounds only serve to subdue the mood in the study room even more. It frustrates everyone there; they know that everyone else around them are enjoying their afternoon, relaxing in the closing hours of their weekend. But none of them are making progress and are unable to help one another.

Eventually the soundscape changes radically. Books and laptops closing, notebooks and papers being shoved into backpacks, backpacks being zipped up and put on, and finally feet shuffling dejectedly out of the room. With these sounds comes a stop to the others, no more pencils scratching and no more sighing. The afternoon’s work is finally done.

Title Tutorial

In my video project, I had 35 different title “slides”. These are useful because you can overlay text in order to give the viewer more information about what’s going on. For my video, I used it to tell the viewer what type of animal was on screen at that time.

To start with, you open up the project that you’re going to add a title on. Then you click on the “Title” tab on the sequence box. On this screen, you click the film icon with a “T” on it, this creates a new title.

Screen 1

Creating the new title opens up this box where you can change specifics about the title card. Here you can name the title whatever you want. The name doesn’t really matter, just something so that you remember what title card says what.

Screen 2

Once you hit “OK”, it goes back to the sequence. But now you can click anywhere on your video to add text. After you’ve typed what you want to display, there is all sorts of properties you can change over on the right. For example you can change the font, size, or color of the text. You can also readjust where the words are positioned on the screen.

 

Screen 3

When you’re satisfied with your title card, you drag it onto the video timeline from the source box just like any video or sound clip. It’s possible to adjust how long the title card is on the screen just like adjusting the length of a clip.

That’s all there is to overlaying words on a video in Premier CC.

Video Project Proposal

At first I had a hard time trying to decide what I wanted to do for my video project, so I started just looking up things that I am interested in on a creative commons archive. One of those things is running, so I was looking at videos of people running races at the Olympics and world championships. But as I was scrolling through the search results, there was a video of Canadian geese running around. During the time working on our projects in class, I just messed around with alternating between a scene of a person running and a scene of a goose running. Later on, I realized that it might be cool to compare how different animals run.

My idea for my video is to gather clips of all sorts of different animals moving. It’ll have a large range of scenes including humans, small four-legged animals (like dogs or cats), larger animals running (horses, giraffes, etc.), birds flying, and other cool things that I find. I may or may not include aquatic animals, it depends on how much source material I can find.

To make it more interesting, I am going to try to make it so each clip is a similar running or movement style to the scenes right before and after. For example, I may have a section where there is a cat running followed by a flying squirrel running on a branch and jumping off it. The gliding of the flying squirrel can serve to transition from four legged animals to birds.

It may be hard to find similarities between all of the different animals that I use. One of those that would be hard to do would be snakes slithering along the ground. To get around this, I may just have a section at the end that is a compilation of weirder styles of movement.

Blog 1: Remix

My video is a remix of speeches that Barrack Obama has given throughout his years as president. The clips are all pieced together to make it so Obama is “singing” the lyrics to the original Pokemon Theme song. The person who made it went through a large number of speeches and looked for the individual words that make up the lyrics of the song. He then cut out those words and put them together over an instrumental version of the theme song.

This media remix is interesting because it has two different sources. One source is a beloved and memorable TV show’s theme; the other is speeches given by Obama. All of the lyrics from the original song are included in the remix, even surprisingly the word “Pokemon” which was achieved by stringing parts of other words together. However most parts of the speeches were not included because there was only a couple words from each speech needed. Despite how easy it would have been, the author did not use the same clips over and over for the same words. He even made the word “Pokemon” a couple different ways.

When deciding if this remix is intended for a different audience than the original, there’s a couple things you need to consider. The first, and most important, being that this theme was only used on the show in its first season, which was a little less than 20 years ago. The audience for the original theme was children who are interested in the Pokemon games, but all of the kids who loved to watch this show are young adults now. Obama’s speeches are generally intended for the entirety of the country, but mostly for adults. The target audience of this remix would seem to be young adults, as those are the people who would be aware of Obama’s speeches and also familiar with the Pokemon theme song, so the target audience has changed significantly.