Category: Section D

NatalieKS-Project12-Proposal

A quick sketch of what my final project would look like.

~~~

For my project, I want to create a sound-based game. The premise of the game is that you’re creating a piece by pressing the keys for three judges, who will then judge you based off your creation. Kind of almost like a DJ version of American idol! After your piece is over, the three judges will randomly display an expression – impressed/wowed, ambivalent, or disappointed, and will say something about your piece depending on what that expression is. It will be similar to Patatap in that you can press keys to produce sounds, but they will all be more music-related (but not just simple notes) rather than a mix of all kinds of sounds. In addition, each sound will have its own little symbol, and move across a music staff so it looks like you’re generating music as you play. The ending of your piece will be determined by time; you’ll have about 15 or 30 seconds to play your piece, and then it’ll end. (This is subject to change; if I can’t make this work, then it’ll be based off of 15 or 30 key presses). The judges will have a thinking expression until the very end, so it looks like they’re reacting in real-time.

~~

Proposal Followup: the “judging” will most likely be random, i.e. after the song is over, they will randomly display one of maybe 3 or 5 expressions to “judge”

jiheek1 (Section D)–LookingOutwards-12-Project Priors and Precursors

I imagine combining Victor Doval’s concept of translating data visually (project 1) and the more game-related aspects and graphical elements of Monument Valley (project 2) in my project.

project 1:

Howler Monkey by Meier & Erdmann from Víctor Doval on Vimeo.

This project is a music video for an electronic music “Howler Monkey” by a German duo called Meier & Erdmann. The author of the project is Victor Doval, a visual artist. He created the music video in 2017 with an algorithm that converts frequencies into visual elements like peaks and flowers that ultimately generate a landscape! During the span of the music, the landscape progresses from day to night. Data from the source song is converted to different shapes and textures. I intend to use the concept of creating  dynamic depictions of data in the background of my project(which is a game). I wish for my canvas to respond/react to certain data(such as points) and show that in a visually enticing way.

For more information: an article that covers project  &  official project page

Project 2:

Monument Valley – Behind the Scenes from ustwo on Vimeo.

Monument Valley 2 by ustwo Games (2014) is a game about the exploration of a mother and a daughter through an impossible world from which the players could experience ever-changing landscapes and the relationship between a parent and a child. What I admire about this project and could possibly integrate into my project are aspects such as the ever-changing landscape with an element of surprise (similar to the project above), the use of the game as a storyteller, and the visual graphics. I especially admire the visual graphics of this project and would like to refer to them when creating my project.

captures of the ever-changing landscape of the game

For more information:
official project page

 

Jihee Kim_SectionD_Project-12-Proposal

Project Name — Subject to Change: The Snowman
Project Partner: Daniel Noh (dnoh– section D)

sketch of project

For our project we intend to make a vertical “shooter” game (more emphasis on dodging). The plot of the game is a snowman who does not want to die and tries to avoid the snow which will, obviously, make it bigger and eventually cause him to explode… The snowman can dodge the snow that is coming down to hit him, however, he has a special move where he can throw his nose (a carrot) to hit the snow every 10 (also subject to change) seconds. The game will have a gauge that will show the carrot loading back and a counter at the bottom of the canvas that shows the number of snowballs that have hit the snowman. At the end of each level (every 30 seconds), the snow will fall faster… there will be 10 levels. Also, whenever the snowballs hit the snowman, something ominous in the background will happen (i.e. an avalanche goes off in the mountain in the background). After 10 snowballs hit the snowman, the snowman will explode and a game over screen, the level you have reached, and a sign that tells you how to replay the game will show.

dnoh-sectionD-project12-projectproposal

Project Name — Subject to Change:  The Snowman
Project Partner: Jihee Kim (jiheek1 – section D)

For our project we intend to make a vertical “shooter” game (more emphasis on dodging). The plot of the game is a snowman who does not want to die and tries to avoid the snow which will, obviously, make it bigger and eventually cause him to explode… The snowman can dodge the snow that is coming down to hit him, however, he has a special move where he can throw his nose (a carrot) to hit the snow every 10 (also subject to change) seconds. The game will have a gauge that will show the carrot loading back and a counter at the bottom of the canvas that shows the number of snowballs that have hit the snowman. At the end of each level (every 30 seconds), the snow will fall faster… there will be 10 levels. Also, whenever the snowballs hit the snowman, something ominous in the background will happen (i.e. an avalanche goes off in the mountain in the background). After 10 snowballs hit the snowman, the snowman will explode and a game over screen, the level you have reached, and a sign that tells you how to replay the game will show.

cduong-Looking Outward 12

For my final project, I wanted to create a landscape that looped in an entertaining and visually appealing way that told a story and maybe implemented some human interaction.


Project: The Seed
By: Johnny Kelly
Link: http://www.johnnykel.ly/projects/theseed
This project is a two-minute animation that shows nature’s life cycle using an apple seed.


Project: Basecamp
By: Leander Herzog
Link: https://leanderherzog.ch/basecamp/
This project is an ongoing loop of pyramids that are constantly changing colors with the background.

I really like how the first project, The Seed, tries to tell a story visually and it is easy for the user to follow what is happening. In a way I wish the video followed through with using the same, single apple seed rather than just changing the fruit that was being used as the scene moves forward. Basecamp, on the other hand, does not tell a story like The Seed did but it does have a visually soothing aspect to it that just makes the user want to look at it forever. I really like the simplicity of it, but I really wish there was more going on in the animation, like maybe incorporating aspects that would make it really seem like it’s a basecamp because without the title “Basecamp” it could potentially just look like random pyramids that were scattered on a canvas.

I would like to incorporate the ideas of storytelling from The Seed and the simplicity and visually appealing aspects of Basecamp into my final project.

cduong-project 12-Proposal

As a really big Disney fan I really wanted to create my final project based on my favorite movie: Big Hero 6. I wanted to create an animation of SanfranTokyo because I’m just really in love with the city and would love to draw it using p5js. I’m not sure what view I would want to draw of it yet (first-perspective view in the city or an aerial view from the sky overlooking the city) but I definitely want to include the iconic golden gate bridge in it. Below are some of the pictures I’ve been looking up for references. I plan on drawing the city view I want on illustrator first before actually coding it. What I specifically want to do with this city is to make it interactive in some sort of way (unsure specifically how) and have it change appearances depending on the time of day and incorporate several animation aspects like having the characters or just random people walking around the town to make it seem really lively like the city actually is.

“BIG HERO 6” Pictured: Baymax. ©2014 Disney. All Rights Reserved.

From the movie “BIG HERO 6” San Fransokyo Concept Art. ©2014 Disney. All Rights Reserved. Test render of San Fransokyo during the day

Robotics prodigy Hiro teams up with robot Baymax to save San Fransokyo in Walt Disney Animation Studios’ “Big Hero 6.” In theaters Nov. 7, 2014. ©2013 Disney. All Rights Reserved.

creyes1-Project-12-Proposal


Text stroke included for clarity

For my final project, I was interested in experimenting with typography and, similar to the projects I cited in my Looking Outwards post for this week, giving a sense of motion and dynamics to a medium that’s intended to be static.

Taking this idea of fluidity in a literal sense, I’d like to create a piece where type that is given and edited by the user serves as vessels for water particles dropped from above, gradually filling the shapes and revealing the text. If a character is deleted, the particles remain, but drop into the water below, slightly raising the water level. The text itself would not be visible (stroke in the image is provided for clarity), and would rely on user input from the mouse to spawn particles to fill the shapes and give form to their thoughts, so to speak. The biggest challenges here would be to essentially build a loose physics engine from the ground up in a manner that could support having this many objects on-screen, as well as potentially developing a typeface specifically for this project to allow for contours to serve as barriers for the particles.

While not feasible for this class, but a thought for the future, I’d like to see this be a kind of collective journal across users – with the anonymity that the internet provides, it’d allow the user to send out their thoughts for others to fill and uncover, filling the pool underneath with the collective consciousness of its users.

rkondrup-Looking-Outwards-12

I am very interested in generative artwork which produces different landscapes or forms. Two artists whose work inspires me are Glenn Marshall and Markos Kay, both of whom work heavily in generating complex images of 3d landscapes and forms. While I do not believe I am experienced enough in coding to generate believably 3d works, I nevertheless am very inspired by the possibilities of illusory distance and atmosphere produced in the following generated images. I also am interested in how lines, colors, and images can combine to form some greater image seen from a distance, as was done by Glenn Marshall here:
by Glenn Marshall
or how lines can be animated to gradually illustrate a final image, like here:

Above and beyond all else I wish to produce something which is dynamic and pleasing to watch, and which extends, in some way, beyond the 2d frame of the html window.
by Markos Kay
by Glenn Marshall

creyes1-LookingOutwards-12


Process video of Generative Typography by John Oquist of IBUILDWORLDS

Created by John Oquist for the 35th Type Director’s Club Annual in 2015, Generative Typography features clouds of particles formed in the shape of typographic glyphs, to then be exerted on by some kind of force created by the program. What arises from this is a set of striking letterforms with a strong element of motion that is rarely seen in typography. The initial letter itself is created with a wireframe in the 3D modelling program, Blender, then populated with particles, and movement is added with the help of the particle system baked into the program itself.


In-program view of model deterioration

What I really love about this project is that the organic, fluid nature of the deformation against the rigidity of typography creates an incredibly compelling letterform, which I’d hope to echo in my own Final Project.

More of Oquist’s work can be found on Behance, Dribbble, and the IBUILDWORLDS website.


Full alphabet of Buchstabengewitter

Similarly, but in a two-dimensional space, Buchstabengewitter created by designer and programmer Ingo Italic and Letters Are My Friends in 2012 warps letterforms in a different way, and focuses on the transition between letterforms.


Experiments of the Letters of My Friends opening animation using Buchstabengewitter

Created, animated, and morphed in vvvv, each glyph slowly bleeds into the next as the contour of the letterform is connected to the contour of the surrounding circle. The implementation seems fairly simple, but the effect that it creates is profound and engaging. However, I do wish that there was some variation in its execution since it seems fairly simple to implement – what other effects could be created, and is an internal typographic contour necessary to create these glyphs?


Static images of the full Buchstabengewitter alphabet

jennyzha – looking outwards 12

For looking outwards 12 I already decided the type of projects I was looking for since I was relatively set on what I wanted to be my final project – an interactive digital coloring book.

http://whichlight.com/

First in my search, I found “whichlight,” who focuses in interactive and technical art. His passion, however, is something that comes across extremely clear not only in his work but in his about me statement: “I make media and products that invite people to be expressive, playful, and creative.” It was this optimism and happiness so clear in his work that I was drawn to his work and that further inspired my own idea.

His projects are playful, colorful, interactive, and just make people happy – exactly what I want for my project. Nonetheless, one thing I realized from viewing his projects is that there isn’t much purpose, but rather they are generally fun things to do while passing the time. Maybe adding some kind of “goal” in his projects would help drive more usage?

http://www.nanikawa.com/projects/everygallery 

The second project I found interesting was by a company called Nanika, “founded with the aim to explore interaction between man and machine beyond traditional input and output.” Of their collection, the EveryGallery project for Nokia was one of my favorites.

The idea was mixing the old with the new, framing digitally rendered photos with antique-esque frames to complement each other. While the the idea behind it was beautiful, what I found great about the project was actually the technique of brushstrokes. It sparked an idea for my own project of varying brush strokes somehow, making the process more independent for the user and to have more range in final project. Additionally, I think something Nanika could have incorporated more was the end user, possibly having pictures of them drawn instead of a pre-made stranger.