Archives for posts with tag: javascript

Ever though to yourself how awesome it would be to create your own interactive website? Not sure where to start or any clue how to build one? Look no further then Adobe’s latest program, Edge Animate! Here is my review about this program.

Adobe Edge Animate is an animated and coding program that allows you to build and design layouts and animations and have them convert to HTML, CSS, and Javascript with a click of a “Save” option. (It is that simple!) It can take just a few minutes to animate anything that you would like and have them working on any web browser. Whether it is to animate a cat coming out of a box or moving a character around that can shoot lasers and kill enemies, you can do so much with Edge Animate without the hassle of coding it from scratch. Yes, you don’t even need to know how to code to build stunning interactive websites using Edge Animate.

Since I took a course called “Interactive Animation”, we had to learn the fundamentals of how Edge Animate works and what we can do with it. After playing around and making animated website projects using the program, I was highly impressed with it and how simple and easy it was for me to build an interactive website. There are some aspects of coding, like Javascript, that you should know mildly of to get some of the interactivity for your web project to function just as you want to. However, you would not have to worry about this as it isn’t much of a hassle and you don’t necessarily have to know Javascript to get it. Plus, there is always research, your friends, communities from the web, and Google to help you out if you get stuck.

Adobe Edge Animate is a great program for anyone who wants to build an interactive website, whether you know or don’t know how to code. Give it a try as you can play around with the program for free for thirty days as a member of Adobe’s Creative Cloud service. You will be amazed at what you can do with this program just like I did. If I had to react how I feel about Edge Animate, it would be like that guy below. Very hype.

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