top | item 8550449

2D gaming using Processing.js

100 points| jwco | 11 years ago |processingjs.nihongoresources.com | reply

20 comments

order
[+] silveira|11 years ago|reply
Really good tutorial. I'm saving it before Nintendo takes it down. It would be nice a version of this tutorial using friendly licensed game assets.
[+] TheRealPomax|11 years ago|reply
Nintendo generally doesn't care in the slightest if their assets are used for things like this. In the US and many other jurisdictions Nintendo might care about this is simply fair use. It's an educational resource without even a pretense of monetization, and has been up for years. I don't expect to ever receive a C&D for it.
[+] RobLach|11 years ago|reply
Yah, I'd flip out the art assets with whatever you can find with an open license to avoid copyright issues. (for example: http://opengameart.org/ )

"Let's make a Mario clone" would bring in the same audience.

[+] Picard|11 years ago|reply
I started using Respond.js and SignalR to create a little multiplayer game about a year ago, but lost my steam because there doesn't seem to be much to go on if you're just casually learning. Maybe I could give this a try, thanks.
[+] zwieback|11 years ago|reply
This is very nice. I started teaching my daughter some programming and although I have mixed feelings about JS this is the kind of tutorial that's at the right level and everyone loves Mario.
[+] TheRealPomax|11 years ago|reply
This isn't actually JS, it's Processing, so the idea is that this will work in the browser by virtue of a library that will run Processing source code in the browser. If you want to do the programming offline, just hit up processing.org, download the IDE, download the codebase.pde file on the same dir as the tutorial's page, and off you go.
[+] ertdfgcb|11 years ago|reply
I noticed that if you walk into a level boundary and hold jump Mario jumps again before he lands on the ground, allowing him to jump up the wall
[+] muhuk|11 years ago|reply
Where do these things come from? LevelLayer, Player, etc... They're not in Processing.js reference.
[+] TheRealPomax|11 years ago|reply
there's a codebase this builds on, simply called codebase.pde, in the same dir as the tutorial.
[+] torkable|11 years ago|reply
object oriented JS, gross
[+] Impossible|11 years ago|reply
It's not js, it's Processing, which is a simplified version of Java with an elegant, simple API for doing graphics and visual art. It compiles to Javascript via Processing.js.
[+] shangxiao|11 years ago|reply
Better not define any functions or arrays then, they're objects and that would be "gross"
[+] rco8786|11 years ago|reply
It's Java...