Episode 17 of the Coder's Block podcast out now
#CraftyJS
How To Create A Rain Effect Using Crafty.js
How To Create A Rain Effect Using Crafty.js

In this post I will cover how to create a rain effect using the JavaScript game engine, Crafty.js, for a 2D side-scroller type of game. If you're new to Crafty, then feel free to check out my previous posts in which I cover the framework from a beginner's perspective.

Continue reading
Building A Side Scroller With Crafty.JS
1
Building A Side Scroller With Crafty.JS

It's time to take what I've learned about Crafty.js in the past couple of weeks and to put it to use and build a side scroller game. Also, after Googling for Crafty.js side scroller tutorials, I can't seem to find many results, so hopefully this helps out anyone else that has been doing the same. If you haven't read my part 1, part 2, or part 3, I'd recommend you do that first, as it covers the basics of Crafty.js which I will glance over in this side scroller write up. Crafty.js is a pretty flexible game engine built entirely in JavaScript which means it can run on practically any browser. And more importantly, if you already know JavaScript, then you are 3/4's of the way from learning Crafty.js. Let's take a look at a quick view of what makes up a Crafty.js game.

Continue reading
How To: Make A Game With Crafty JS Part 3
How To: Make A Game With Crafty JS Part 3

This is a follow up to my last two Crafty.js posts which you can find in part 1 and part 2 in those links, which covered the basics of getting started with Crafty.js. At the end of part 2, I finished a mini game which I created and implemented in about an hour. The idea is simple enough. You have a character block that needs to make it to the end of a pouring rain scene without getting hit by rain drops more than 'x' amount of times. In this part 3, I'm going to add a few more complex elements to that same game. Crafty is a pretty flexible engine, and best of all it's built entirely in JavaScript, which means no messy installs of game engines and IDE's. You can just open up notepad and start typing.

Continue reading
How To: Make A Game Using Crafty JS Part 2
4
How To: Make A Game Using Crafty JS Part 2

Welcome to part 2 of my Crafty.js How To. On the last post I started building a quick game that I made up using Crafty.js, a JavaScript-only game engine that's free to use, and that you can download from right here. It's a great framework for anyone new to game development because all you need is notepad and a browser and you're all set to start. In this post, I'll finish up that game level, with the full source at the end.

Continue reading
How To: Make A Game Using Crafty JS Part 1
4
How To: Make A Game Using Crafty JS Part 1

I recently went on a journey to find a good and simple to use 2D game engine, and after much reading, much installing, and much configuration I landed on Crafy.js. It's open source, cross browser compatible and has a tiny footprint and best of all, it runs in my browser, which means I can develop from anywhere pretty much. It's the quickest to set up, because it's literally just a tiny JavaScript file. I tried to play around with Unity2D but gave up trying to install a sample project. Try it, and you'll see what I mean. And because I'm new to game development, whatever gets me up and running the fastest is the right choice for me.

Continue reading
Guest Posts

About Me

Walter G.
Walter Guevara
Walter G. is a software engineer with over 10 years of professional experience. When he isn't blogging or being a CTO he enjoys coding randomly complex things that he hopes many people will get a chance to use one day.
Podcast

Classic Snake High Scores

1. TSD
43
2. wag
41
3. BT
15
Start
Score: 0
snake left
snake up
snake down
snake right