Archives for category: Let’s fun-ction!

mta_me1

What would happen if you combine string music with MTA train lines? No, not those typical music players that come to your train car or station. You have this interactive website, MTA.ME!

So what exactly can you do on this website, you may ask? Well, for starters, the colorful lines that are on the window are suppose to be the transit lines for the Metropolitan Transportation Authority. These transit lines have unique colors that take you to various locations throughout the Tri-State of New York City. In this website, you see the transit lines moving around the window. When these lines come across from each other, a string note is made. You can hold your mouse and slash across these lines to make string note sounds and make some (somewhat coherent) music. The window also turns black when the time on the bottom left side of the window passes 6:00 PM. Also on that side shows the transit trains departures as they appear on the window.

The site uses some Javascript to make the string notes and moving lines appear at random from the window. If you have some time to spear, or just bored as heck and want to look at something pretty, I suggest checking this site out and see how amazing this is.

mta_me2

facesoffb

What you are looking at is not a bunch of colorful pixels. This is The Faces of Facebook, an interactive website that showcases every person in the world that has a Facebook account in real-time.

As you may have noticed from entering the site, it shows that over a billion people have a Facebook and the numbers keep on going from there. As you click on any section of the window, it draws you closer to the “colorful pixels” revealing various people, their profile picture, their name, and what number they were since they made their account. You can click on the top left of the window to see the first people who had Facebook (who is obviously Mark Zuckerberg, the creator of Facebook) and go to the bottom right for the latest people who have Facebook.

It is an amazing interactive website mostly using Facebook database and some Javascript to get this information into one extravagant website. It is also kind of scary if you happen to have a Facebook as well that you are probably wondering where your “face” may be at from all those “colorful pixels”. Thankfully, Natalia Rojas, the creator of this interactive website, allows the user to find where they are located from the site. You can also ask Natalia to remove your face from the site as well.

facesoffb_2

google_doctorwho

Today marks the 50th Anniversary of the Sci-Fi series Doctor Who. The series has proclaimed to be the longest running science fiction series in the world with hundreds of episodes and new seasons every so often. The series is still going on with new episodes and a huge fanbase of Whovians who know much about our good o’ Doctor and much more.

In celebration of Doctor Who‘s 50th Anniversary, Google created this cool and interactive retro 8-bit game for their main home page. The mission of this game is to select your Doctor and move around platforms and solve puzzles and collect all the letters you see that will spell out the word “Google”. Daleks, Cybermen, and Weeping Angels block your route from getting you the letters so you have to think carefully when moving around the obstacles that you don’t die. However, if you die, you regenerate to the other Doctors from the series.

The game was generated in HTML5, CSS3, and Javascript to build the interactive gameplay of choosing your Doctor and controlling your character from the platforms. Give the game a try at their Google Doodle webpage.

google_dwgameplay

[ source via The Verge ]

full_screen_mario_screenshot

Well, more like the classic NES game Super Mario Bros. featuring Mario is now playable on your browser.

Anyways, yes, one of the most popular games of all time is now playable on your browser. Full Screen Mario, as it’s called, is a functional and interactive website of the Super Mario Bros. game created in HTML5, CSS, and Javascript. What is amazing about this is how everything you ever know about the game works and feels the same way as it was on your TV. With all the levels and stages from the game, it is like you’re actually playing the game. There’s also a Stage Editor that allows you to build your very own levels of whatever you want.

Josh Goldberg, the person responsible for making this, has done a fantastic job with the site and gameplay mechanics of the Mario game. From the sound effects, everything about this is just about perfect and fits just like the real game.

UPDATE: Due to unfortunate circumstances, the game has been removed for copyright and was taken down. However, Goldberg’s GitHub provides the coding source for the site and is available for everyone to use.

[ source and picture via Mashable ]