Author Archives: John

Twine Tutorial

When I code or do anything that requires building, I have to be actively organized. I need a non-dynamic flow for my thoughts and produced work so I can revisit for either review or looking back to regain a thought stream. I noticed many students while making Twines had the passage boxes all over the screen in clusters. If I were someone reviewing the work, this lack of organization would drive me up a wall.

So I’m going to show a simple trick many people didn’t utilize: snapping to grid. It’s super simple and maybe too elementary for a tutorial, but I think for design’s sake it is incredibly important.

If your twine looks a bit like this…
Screen1

You may need to use snap to grid.

First, go to the view button and click “Snap to Grid”.screen2

Nothing will snap automatically, yet; however, if you try to move something, the box will snap to a grid immediately. You’ll have to do some moving around to get the boxes in the order you’d like. Eventually your setup can look nice an organized like so:screen3

If you want to be able to check if all your links are set easily and see the progression of your twine, I laid my boxes out in a straight line, with the main story line in the middle, with linked photos and off-story choices creating branches or stacking on-top of relevant links.

screen4

This way I can see how my story progresses without actually playing it and it makes it easier to check and catch errors you may not find unless you play every single story combination. As your game grows, this becomes more difficult, with each new choice you add comes another factorial of combinations. MATH!

Final Project Proposal

For my final project I will be mixing mediums together on a web design site recommended by Kelsey called Atavist. I will be recreating the few Summers I spent at Hatteras Island in the Outer Banks. Atavist will be the main canvas to build a collage of media, which will include text, a remix video, and photos. The video will be a remix of different videos that include the activities I used to do while at the beach. It will almost replicate a travel commercial, but won’t necessarily include scenery from the Outer Banks, just the activities I did. The photos will include the actual beach landscape from Creative Commons Sources and will serve to compliment the video and text. The text will be pieces of non-fiction I have written/will write about the outer banks or the activities I used to do.

My final project will serve as a creative expression with web design as well as a redo of my favorite project from the semester. I really enjoyed making the video, and I think I can reuse my most successful techniques to make the video really fun to watch. I also won’t be trying to have an agenda like I did with he last video, so I hopefully won’t make the same mistakes with lame/off-beat clips. I’m going to put the video to the sound of the song “Amber”, by 311. It was my ultimate beach Summer song, so this web page is going to be a nostalgia bomb.

I’m hoping the progression of the webpage will be in the timeline of a typical day at the beach, which included waking up late, skim boarding in the morning, lunch, long boarding to the surf shop and local gas station for candy, and then ice cream in the evening before stargazing at night.

RiGIFulous

Since my story line is an old German fairy tale, I want to add some humor. Typically German fairy tales end without any resolve. The hero or heroin dies, but for some reason this one, the White Snake, does not. Anyway, I’d like to add some funny GIFs to the background that give some comedic side. I think having humor will make people want to play or keep them involved, as I’m not the best script writer. The test twines we played for homework were edgy and gripping due to the well crafted prose and effects. Apart from my inability to script well, the original story isn’t much of a horror, so creating a gripping thriller wouldn’t be easy for a novice Twiner. So I’ll stick to some internet humor. Your really can’t lose; unless it’s Kraft Cheesy.

My original idea to add media was to try to incorporate a youtube version of the story into the twine by embedding certain parts of the video in the text; however, I couldn’t think of a way to handle the “off” choices the player could make, as in choices that wouldn’t reflect the actual story and would cause the player to die or run away. My strict nature for consistency within a medium wouldn’t allow for other types of videos, cinematography, quality, and sound, without my wanting to scrap the whole idea itself. So, I’m going to add internet humor with GIFs that relate to the outcomes and choices made by the player by incorporating them behind the text, or possibly below the text if the color formatting demands it.

Jazz and Juvie

When I think of the Hill District, I think of crime. I don’t think of the rich history of Jazz and “happenins”, but I think, “well to get to the Strip District, I have to go through this boarded up community that I wouldn’t send my cop-uncle through alone at night.” Type the Hill District into google News, and you you’ll find mixed articles about arrests and celebrating the culture of the Hill district, when it was the vibrant place it was, today. What our group discussed was “revamping the Hill District,” which in itself is an extremely broad idea. The first step to making a place desirable to go to though, is it make it safe. Our team has decided that we would like to build a campaign to ramp up safety in the hill district, starting with safety kiosks. These are just like the one you see in South Oakland, which can be pressed to alert authorities you need help if you feel unsafe. We aim to build a website for this as well as make a video or soundscape, something that drives patrons to the website to feel the need to contribute to this cause. We would use the old artistic appeal of the Hill District, mostly its Jazz scene, as a goal to move towards. But with the modern age, comes modern twists. Maybe the Hill district isn’t a Jazz scene, but the next Hip-Hop, soul, house music, or movie hub. The Hill District has the historic appeal, and I think it could sell itself in that regard, it just needs to be made safe first.

Hope I’ll Sleep Well Tonight…

The Uncle Who Works for Nintendo certainly induced some tension for me. Mostly the music of the “monster”, or whatever the heck happened, was  what got me. I easily was able to put myself into the character’s shoes I was playing as since I played Pokemon, had sleep overs, and never had my own game console but had friends that had multiple ones. Way too relatable! Anyway, I was starting to get annoyed with the all the choices in the den as the game kept pushing me back into the den. I kept thinking there was one of the options that would just move me forward, but it was just as if you were watching your selfish friend play video games, you get annoyed and try to occupy yourself as the time finally passes. I didn’t realize this until the next time I replayed the game. Also, I wish I hadn’t played as if I were myself, because I ran to the bathroom and everything escalated so quickly, by the time it ended I was like WTH? However, playing it through again I quickly learned the whole idea behind the plot, and I thought the game to be really well played out. I liked that the possible endings were shown at the end so I could pick my choices while replaying and end up at that ending. I also did like how the game put the thoughts in the text as options, “you look blah blah blah, but you decide not to,” but if you click the blah blah blah that’s your actual answer.

I thought the first game had just enough text to not feel like it would drag on and it induced anxiety which demanded focus. I went through every other game available and didn’t like how much text it started off with. I couldn’t focus after the first game. So I finally landed on The Girl in the Haunted House, which escalated way too quickly…

Audio Tutorial: Old Radio Effect

In my recent soundscape I recorded a speech using my voice and aimed to replicate the sounds of a 1940s radio broadcast as if I were in the home of a listener. To start you will need your raw voice recording as well as the sound of vinyl static, as can be found here. Assuming you know how to upload and cut clips to size, your vinyl static should be cut or extended (by using copy paste) to match the length of your recording as I have here:

First

 

The next step is to use the selector tool to select your entire voice recording. Then, go to the effects tab and click the effect option “Equalizer”. You should have a flat line such as this:

Second

If not, go ahead and hit the “Flatten” button on the bottom of the window. Your next move will be to click on the intersection of 12dB and 1,000HZ, and then next click on the intersection of -12dB and 10,000HZ. Your graph should look like this:

Third

After hitting “OK”, you will be taken back to the editing window and you will notice that your voice recording will have increased in dB rating on both ends like this:

Fourth

We need to fix this so the sound does not sound like the speaks are going to blow out. Select your voice entire recording again and go to the Effects tab and select “Normalize”. You will want to put your inputs to the following settings (Check yes to “Remove DC offset”, then normalize maximum amplitude to -1.0dB, and do not check the last box):

 

Fifth

 

Hit “OK” and you are done! Go ahead and play with the volume on the vinyl static track to make sure it isn’t overpowering. This is a subjective quality, but in my opinion the recording I provided for the vinyl static is a tiny bit too loud. Enjoy!

Audio Preview: Blood, Toil, Tears, and Sweat

I will be recreating Winston Churchill’s first speech as prime minister to the House of Commons. Recognized by Time Magazine as one of the top 10 speeches of all time, the speech charges an almost sorrowful patriotism into the heart of the parliament with a sincerity that recognizes the grim situation that is the beginnings of World War II.

My preview showcases the acoustics I aim to replicate from an old radio sound. I will be changing the EQ settings on the recording when I lace it into Audacity. My soundscape will be a family turning on a radio set in their living room and listening to the speech as if one were in 1940. I watched a few tutorials on how to make the old radio sound. Most tutorials suggested overlaying the dictation with a vinyl record scratching. I loved the idea and wanted to recreate my own background noise that emulated a vinyl record scratching (which in itself is meant to emulate the radio), and this preview is the closest raw sound I could replicate before I edit in Audacity.

I do ask for some suggestions for whatever else may be good to overlay with this sound, or a better everyday item I could use. What I did to make this sound was hold my recorder in front of a tower fan while “crackling” the fan’s wire gently against the floor. The fan’s sound is meant to be the empty drone against the electromagnetic wave background. Should I separate these two sounds to get a different sound level from each?

The parts of the speech I will be choosing are part of the second to last paragraph and the entire last paragraph. I didn’t want to bore the listener with an entire speech: Blood, Toil, Tears and Sweat

Snapple Cap

There’s a student shuffling papers on a desk as a teacher groans on lecturing in a stuffy room of disinterested students. Coughs sprinkle the time and a restless leg shuffles moment to moment against the linoleum floor. The student closest to the listener opens a bottle of Snapple, with a pop giving the name justice as the cap twists with a quick press and a slow release, just so not to spill. After a few gulps the student rests his bottle and clicks the cap as the lecture drones. The clicks are few but unmissed by the teacher as she drags her heels slightly, walking across the faux-floor room. A ruler smacks a nearby desk, and a chair creeks in shock before the heels shuffle back to the front. A slow crescendo of accusations builds into the background bringing discontent to the teacher once more. “Hush!”  The scene is silent, forcing the listener to become aware of his own adjacent sounds outside of the headphones, just as the students are doing themselves in the midst of silence within the scene. A bell rings and the hurried stampede of back pack zippers, shutting binders, and chairs scratching the plastic floor flood into the right spectrum of hearing. A serious tone is heard on the left asking that “Travis come see me.” The lid is gripped to the lip of the bottle with a twist followed by footsteps in the immediate of the listener that slowly fade as the student walks away and the scene ends.

Snapple caps are passively occupying to the immediate mind, but actively distracting to the vicinity.

Gone

I enjoyed listening to Limetown, hearing it as a precise ballet of sound bites and music that enhanced my imagination’s emulation of the story as it unfolded. The overlay of helicopter and emergency responder sounds on the news reports gave me the uncontrollable feeling that the story was more real and personal than any “based on true events” movie could project on me as a viewer. But since I have to pick just one instance when I appreciated the sound design, I’ll focus around minute mark 2:50.

As the man at this point is giving us his testimony of the situation, he is interviewed with ample situational noise. Cameras flash, people discuss their hurried concerns in the background, and the reporters feed their questions. The sounds grab your attention to the emotions of everyone in the vicinity of the interview as if you are there; however, as the man finishes saying “everybody’s just…” the sounds wash away instantly. His voice is captured into a “reverb” filter (from what I can tell) and he says “gone,” as his voice echoes in solidarity. I went from feeling and visualizing the emotions of everyone around him to imagining just his face in confusion and desperation. Eyes wide, forehead wrinkled. I know the effect was intricately chosen to show the weight of the word, which builds the theme of the episode: gone, everybody’s just gone. And that’s all we know!

Honestly it would have been a great ending to the episode, but I did enjoy how this bit prefaced the story’s explosion from a local tragedy to global news. It’s as if the sounds imploded on themselves with the word gone, and then exploded as the clip resumes sounds at the three minute mark with global news sound bites.

Switch Between Clips and Keep Your Audio

This video shows how to efficiently switch between clips, but keep your audio going if you want to have a monologue or song overlay different clips. The purpose of this method is to keep your clips in order so that if you need to make changes to ordering or timing you do not lose the clips and have to start a clip from scratch from a source.