Category Archives: Front-End

Frogger, Houses, Programming

Frogger

One of the most popular ways of learning or practicing programming is through making video games. The reason for this is that it allows you a way of expression, or choice while learning. It very much so collides with the traditional Computer Science method of learning, packets, packets, packets, do this, do that, do this. Almost any differentiation and you get marked wrong. That’s one of the reasons why I couldn’t stand CS and had to stick with New Media. I want to express myself, I don’t want to be trapped and only learn what others tell me to learn.

Anyways, in NMD 104 we really got into programming. I loved it, i love creating things. You had to both mimic the original game, but with your own methods, because you certainly can’t go get the original creator’s code and use it for your project.

The first larger project we had to do was Frogger, as the picture above depicts. It was hard, for many, but everyone in the class pulled through. You could also expand upon it as much as yo wanted. Whether that means more vehicles, different types of vehicles, or more levels, that was all fine. Programming by nature can be interpreted at the start as a very rigid practice. There’s one way to do things, and that’s it. Though, teaching programming through more of an expressive nature can first show someone there are many different things you can do, and then, through practice, that you can do each in so many different ways.

The second project we did wHouseas a house simulation. We had to create a house scene where when people entered the house the lights would turn on, the sun would set, lights turn off, essentially a whole day and night cycle for the house. On top of that it also had to sync up with the actual weather utilizing web scraping methods. Both projects were great, as they allowed us to learn programming but in a way we would be able to express ourselves. For many, that is what turns them off from programming and it’s initial rigid interpretations.

 

Learning CSS, HTML, JS

html-css-js-logos

I knew hardly anything about HTML, JS, and CSS before entering New Media. I had coded quite a bit, but never touched anything in regards to web development. My first project in NMD was to create a website with some basic content on it such as a photograph of ourselves and a personal statement. While the picture and short paragraph were there, they weren’t the main value of this project. Through this I was able to finally get my feet wet with web development for the first time. The course provided a lot of the resources I wouldn’t have on my own that are required for web development such as a web host, server, and domain name. Through that provision of resources and a place to learn I was able to begin recording some of my work through this website, such as more photos, methods of picture compression on the web, and how to best present your work on the web despite many of the difficulties such as internet speeds, browsers, and such.

There Are Things Up There

Project 3 Prototype

This NMD 200 project encompasses the project I have probably put the most work into since being a New Media student. It required a lot of research, help, and determination.

During NMD 200 I learned a lot of prototyping skills, though I wanted to use them in conjunction with something else. Since prototyping is a piece of a project, I thought it would be weird if I did a project that was on and only on prototyping.

I decided to try and replicate a feeling of bewilderment that I would sometimes get staring up at a star or plane hurtling through the sky. That just for a second I would understand the magnitude of what I was viewing. I attempted to take this feeling, and replicate it not only within myself but others, but with satellites.

I designed a small mobile box with a Raspberry Pi that would hook up into the wifi and pull data on satellites including their position and velocity and display them on shuffle on a screen.

To replicate the feeling I was going for I first made the information on satellites accessible to those viewing. Then I tried to personify the satellites with a poem on the front, (I personify them automatically in my head but I thought It may be a way to get others to do it who wouldn’t normally.) Lastly I was going to try and get the user to interact with the satellites in some way, whether or not that was just going to be by navigating between satellites with some buttons or something else, I am not sure. I never got that far, sadly because of time constraints. I would rather it be because I tried and failed than ran out of time, sorta lack luster.

Regardless i am really glad on how this project to its form and what I was able to accomplish. I believe it encompasses everything I have learned so far as a NMD student, everything from learning Adobe Illustrator to User Experience.