This is a little example using the easeljs javascript library. It’s a library for html5 canvas, very inspired by Flash display list. Very easy to pick up by Flash & JS Developers.

A made a little game where you move a ship and shoot a bunch of squares, when they fall down make sure that you do not get hit by any of them!

Currently tested with the latest version of Google Chrome and Firefox.

You can play the example here: http://jonathantorres.com/examples/shoot_squares/shoot_squares.html
You are welcome to get the source code here : https://github.com/jonathantorres/Shoot-Squares 
Read about easeljs here: http://easeljs.com/ 

Hey folks, been a while since I wrote here but have been very busy doing cool stuff at work ;) This is practically the same example that I wrote on a previous post here, but instead of using Flash and the YouTube data API for AS3, I re-wrote it with jQuery. You may wonder why do the same twice? Well simple, just for the fun of it :P.

I started to do it to get my hands dirty on jQuery, and not just to write some snippets of code, but just to try and re-do something cool.

I used the getJSON() function to parse the JSON feed from YouTube of the most popular videos, a searched video and if you’re watching a video, show related videos. Pretty straightforward. Now I found it pretty much faster than the Flex version and the most popular videos seems to be updated more accurately and faster with jQuery (not sure if it’s a caching or an AS3 data API issue).

Visit the example here, let me know what you think!
I have the source code on GitHub, you can check it out here.

In the meantime I’ve been (for some time now) trying to create a standard navigation system for my Flash related projects using Robotlegs, something to re-use on every project I get my hands on, just to try to standardize things. I’ve been looking for an easy way to create navigation functionality, to navigate from section “x” to section “y” with ease. Even though the “navigation” itself is NOT something dynamic, I’m not trying to create a Flash-CMS here, just some easy code to re-use to get to the same goal.

So, for most of my project I tend to use the amazing Robotlegs framework, to make my life easier. So, I created a simple Model that holds the current “Section” (this is a Sprite) displayed. In case you wonder, this could be anything, a Sprite or MovieClip whatever you use to display or organize your sections. Bottom line here are the steps in detail:

1. By default (or when the application starts) the Model holds the “Home” section.
2. When the user clicks a button (this is in a navigation bar) the Model updates to a reference of this clicked Sprite, the Model also holds the previous viewed Sprite (in case you wish to animate it out of the way)
3. We’re back to square one, just click another button to update the Model again.
4. If you click the same button again, nothing happens.

I could explain it better with code: Here is the Model, currentSection holds the Sprite that is being viewed and changeTo holds the Sprite or “Section” that the user wants to go to:

Here’s the Mediator of the Navigation Bar, sectionChangeSignal is a Signal that get’s dispatched with a click of one of the navigation buttons:

And here’s the Command that updates the Model according to the section that was clicked:

I might implement SWFAddress to this navigation, but didn’t added it because I wanted to use this example whether the target project needs SWFAddress or not.

The whole code is on GitHub you can grab it here. To see a live demo please click here.

Here’s the code:

1. It’s true what they say “once you go mac, you never go back” lol. Recently got an 13″ MacBook Pro, and the change has been sweet. Runs so smoothly and has some great applications, specially an HTML editor called “Coda”. Don’t know why I dare to call it HTML editor, because it does so muchhhhh more, has an integrated FTP, SVN, Books, Terminal…the features are endless!! check it here: http://www.panic.com/coda/ It rocks! Will do all my future sites: WordPress Development, HTML, CSS, JavaScript and PHP on it. Also will get my hands dirty with XCode, wanna do some Objective C coding, maybe an app? who knows…

2. Joined the Nobox crew, as Web Designer & Developer about a month ago, has been a sweet ride, amazing people, amazing work, I feel lucky of being part. Has been a big step on my professional career, lots of challenges and many more awaiting ;)

3. Helped out a friend of mine on his website: Enoc Valentin – Is quick and to the point, looks good, wish if it was WordPress powered, will be updated soon.

4. Finishing a project for the Girls Scouts, a PHP, jQuery powered backend. Looking good.

5. I know, I know, haven’t updated my portfolio since March, will do soon ;)

6. Been reading lots of books, to name a few:

• Build Your Own Wicked WordPress Themes from SitePoint.
• Smashing WordPress from Smashing Magazine.
• WordPress 3.0 with jQuery.
• HTML5 for Web Designers.
• CSS3 for Web Designers.
• Smashing CSS.
• JavaScript Step by Step.
• Flex4 Bible.

7. Movies watched in summer, everywhere, and more to come :P

• The Hangover 2.
• XMen.
• The Amityville Horror.
• The Hurt Locker (amazing film).
• The Social Network (pretty sweet too).
• Poseidon.
• Dark Tranquillity’s “Where Death is Most Alive”.
• Arch Enemy’s “Live Apocalypse”.
• Cast Away.
• Home Alone 1 & 2.
• Let Me In.
• Diary of a Wimpy Kid.
• Due Date.
• bah! and many more

Oh! and I’m in love with Apocalyptica

I just did. Don’t get me wrong, I think MySpace is a great social website, but I just….don’t….use it….anymore.
I mean do the math: My last login was like 3 years ago, the profile says that I’m 23 years (I’m 26), The profile picture is way too old (I’m not that photogenic, by the way). So obviously is outdated, and you’re saying “hey man, why don’t just update your profile and stuff?” More of the same? Fuck no. That’s what facebook is for!

I’ve managed to get in contact with some old friends through facebook, specially from High School. And that’s it, just for people I know. And MySpace I think is more for the music industry (bands and the like) to promote itself and things like that, and since I remember the last time I checked MySpace, it was full of spam stuff so I just hit the logout button immediately. I still use MySpace to listen previews of upcoming albums from bands that I like. And I don’t need to have an account for that, just to listen music…period.

And that’s it, I don’t need it, trow it. I’m not the kind of person that has an account for every social network known to man, I think is just for nuts,  for people that need the attention or for promoting your business (and do it well!!).

For me I just have what I need:
Facebook: People I know.
Twitter:  Also for people I know, micro-blogging, news on technology (Flash, WordPress, jQuery,  HTML5, CSS3) and things that interest me.
Flickr: For pictures! (Don’t have an account there yet, but will do soon, want to have fun with their API)

And here’s the JSON file that is being loaded

View here: http://www.jonathantorres.com/examples/youtubeapi/YouTubeAPIExample.html

In this example you can search for a video. View related videos and see the comments of a particular video selected. Pretty neat and simple, I’m planning in making another example with the Facebook API.
I put it together with Robotlegs and AS3 Signals.

Also used TubeLoc for the video player and the AS3 YouTube Data API

You can right click the movie and select “View Source” to view the code (MXML and AS3)
I’m also on GitHub you can view and download the source code here: https://github.com/jonathantorres/YouTube-API-Example