Crafty Games

[Søren Bramer Schmidt]

It would be cool to gather games from fellow Crafty developers. If you have made a game with Crafty (no matter how polished it is) I would be really pleased if you could share it with us.

Please submit a name and a link to a playable game.

If you feel like it you can also submit a link to the source code, a description of the game and - if you really want to help out - a small evaluation of how it was to develop with Crafty.

[Dave D.]

Here are mine:

Finished (mostly):

Wordy: http://planktongames.com/wordy  (source in several js files, freely visible by following source code from the site)

In progress:

Cairo: http://planktongames.com/cairo (source: http://planktongames.com/cairo/craftycairo.js)

Ludum Dare entries (finished):

Teeming: http://planktongames.com/teeming (source: http://planktongames.com/teeming/teeming.js)

Evo:  http://planktongames.com/evo (source: http://planktongames.com/evo/evo.js)

It's been great working with CraftyJS - I've been using it for about a year now, and I find it very powerful and flexible.  The structure took me a little bit to get used to (I hadn't done JavaScript before) but it made sense, and the community has been very helpful in providing examples and answers to my questions.  The documentation has also vastly improved over the past year.

[Sam Keddy]

http://photostyle.su/war/

Author: daima
Description: Cool little demo, which seems to be an extended edit of bananabomber, that has:

• RTS like player movement, where you select a character, then select a destination
• multiple characters
  
• Cursor use
• basic pathfinding
  

On Wednesday, November 7, 2012 8:27:49 PM UTC-5, Søren Bramer Schmidt wrote:

[TheGrak]

Here's a game I was working on a for a few months. 
It got to a point where everything was working great, I just lost interest in developing it further.

It has:
1. A 2048x2048 pixel level with collision detection, path finding, and game sprites.
2. Equipped and Inventory arrays containing randomly generated loot (think Borderlands/Diablo).
3. Battle calculations, events, experience points, and leveling up.
4. Dialog, game popups, and menu systems.
5. A tool that helps define solid cells for new levels, called tileManager
6. Works on iPhone, iPad, android, firefox.
7. Comes with windows batch files for 'compiling' .js files and testing different browsers.

ThGrk

[Cyrille Bogaert]

Since a few weeks I completely redo my game : Defend The Den
If you're interested: https://github.com/hugeen/Defend-The-Den

[Nicholas Bergson-Shilcock]

A couple friends and I made a simple and silly game called Pump Train:

Playable: http://www.pumptrain.com

Source: https://github.com/davidbalbert/pumptrain

I'm not particularly happy with the code yet, but I think that's in part because I don't think we're making the best use of Crafty. I'd love any feedback on how we could make it more idiomatic or make better use of Crafty.

Best,

  -Nick

On Wednesday, November 7, 2012 8:27:49 PM UTC-5, Søren Bramer Schmidt wrote:

[João Henrique Pimentel]

This is a game I made for the LPC contest: Volley Zombie

Playable link: http://jhcp.github.com/volleyzombie/

Source code: https://github.com/jhcp/volleyzombie

Description: This is a top-view shoot-'em-up game, inspired by classics such as Super Smash TV and Zombies Ate my Neighbors. While shooting att all kinds of monsters, you also have to keep the ball up in a kind of volleyball match in order to advance in the game. The time constraints of the contest meant that some features had to be abandoned (remarkably multi-player), but it is a complete game with beggining, middle and end.

Using Crafty: After seeing the announcement of the contest I decided to try doing a game with javascript. After a quick search I found out about Crafty, which standed out for being free and quite complete (I wasn't looking for a game engine, I just wanted something that could handle the graphics and sounds for me). For my happyness, using Crafty was quite a breeze - it handled all the boring parts for me, so that I could focus on the game itself. The documentation and the examples were enough, I didn't have to check its source code in order to learn how to use it. The only bug I stumbled upon was related to Crafty.pause - after resuming from pausing some frames were skipped, which occasionally made the player get hurt. Anyhow, a "real game" should have its own pausing, so that the music continues, a menu is displayed, and so on. Another issue is that related to zooming, as in some browsers (like Firefox) there are some ugly lines between the map tiles. However, I think that this is an issue with the broswer's zoom implementation, not with Crafty. Implementation-wise I'm not proud of the code from the point of view of maintanibility, but it appears that everything is working properly.

[gershon]

My entry for the Github game off 2012

Playable: https://github.com/ogoshen/game-off-2012

Source: http://ogoshen.github.com/game-off-2012/

Last I've used Crafty was back in 0.4, so it only took a couple of hours to re-familiarize and get the basic gameplay going.

Structurally its a mess, all coded in a single file... not much canvas and too much dom.

Mostly done, with some missing features and rough edges... feedback welcome, and wish me luck :)

[Tim Inman]

I have two unfinished games:

Here's Mars Mutation, started for Ludum Dare 24: 

Playable link: http://thehack.github.com/LD24-Mutation/mutation.html

Source: https://github.com/thehack/LD24-Mutation

And the first game I started was just to learn crafty. You gather hens' eggs.

I borrowed some of the artwork for this

Link: http://thehack.github.com/bawk-b-kawk/game/craftyGame.html

Source: https://github.com/thehack/bawk-b-kawk

[petar petrov]

Raging Gardens is another Crafty game for the GitHub Game Off contest - http://goo.gl/k7pPq.

Here's the source - https://github.com/petarov/game-off-2012.

My first Crafty game and it was tons of fun. Thanks for the great engine!

[Adriano Maltha]

My first game, I do not know how designer decided to use the graphics of Super Mario,

the engine is great.

Game: http://adrianomaltha.blogspot.com.br/2012/11/demo-jogo-em-html5-com-craftyjs.html

PS. Excuse me english, I'm brazilian.

[Yonathan Wolowelsky]

http://grmmph.com/snowflake/snowflake.html

On Thursday, November 8, 2012 3:27:49 AM UTC+2, Søren Bramer Schmidt wrote:

[Dave D.]

That is really cool, Yonathan.  Very nice.

[Tim Inman]

I really like the artwork, I can't figure out what it's supposed to do though - doesn't seem to work on Chrome 23.0.1271.101 on OS X 10.8.2. Some of the text is cut off and I can't seem to get it to do anything.

[Yonathan Wolowelsky]

Hey Tim,

Thanks. I wonder what makes the optimization problem. Probably a wrong use of Canvas\DOM. 

Anyway even though it was made as a school project, I'll try to find the time to fix it and maybe optimize it for tablets as well.

[Tomáš Jurman]

Hello guys,

I create prototype of Adventure/ conversation game:

Playable: 

http://crafty.kibo.cz/demo/

Source: 

https://github.com/Kibo/HTML5AdventureGamePrototype

Thank you for your comments on how to do better.

Tomáš

[Ricardo Moran]

Hi everybody,

I just started playing with Crafty last week and I really enjoy it by now, so I want to express my gratitude for your awesome work.

That said, I've made these two small games:

Pong: https://dl.dropbox.com/u/43706148/Crafty/pong.3/main.html

Paper airplane: https://dl.dropbox.com/u/43706148/Crafty/paper-airplane/main.html

I made them as a learning exercise so please judge them as such :)

Cheers,

Richo

[Tim Inman]

Both games were fun, thanks for sharing :)

[MIhail Ilinov]

Hi, games are cool but;

1. Pong is missing the right paddle and also i can drag the game... which is not bad but little weird.
2. The paper plane game badly need a restart button :) but it;s the better one i think

Good, work although

[Ricardo Moran]

On Tue, Jan 22, 2013 at 4:41 PM, MIhail Ilinov <mih...@ilinov.eu> wrote:

Hi, games are cool but;

1. Pong is missing the right paddle

Mmm it seems this happens in Firefox but not in Chrome or IE9 (the only browsers I tested). Anyway, it's fixed now. The problem was I used the "window.onmousemove" event to move the right paddle, which seems to behave strangely in firefox. Maybe the lesson is "stick with Crafty events and everything will be fine" :)

 

and also i can drag the game... which is not bad but little weird.

Indeed, it's weird. I was just testing the behavior of "Draggable" with a couple of entities attached. I will left it, though, because I think it's kinda cool :)

 

2. The paper plane game badly need a restart button :) but it;s the better one i think

Yes, but F5 is good enough for me :)

Thanks for the input.

Cheers,
Richo

 

Good, work although

[Matthieu Montaudouin]

My first HTML5 game, a kind of mix between Klax and Bejeweled. I enjoyed using Crafty a lot ! Very easy to learn, stable and fast.

You can play it here : http://www.kongregate.com/games/ClimbHigh/ozzie-miner

Source code : https://github.com/mntdn/PullAndPush

Sorry for the single source file, it's not very easy to read, but I'm too lazy to split it nicely :p

[Louis Stowasser]

Very nice! Are you an aussie also?

[Matthieu Montaudouin]

Thanks :)

I'm a Frenchie currently living in Sydney (hence the theme of the game). I'm enjoying the summer while it's freezing in France, which is quite nice ;)

[John Wilkinson]

That was really fun! I liked that you didn't lose until the whole screen filled up, so you have time to strategize and catch up if you start to fall behind.

[Mika Oja]

I bumped across this group just now but I have been using Crafty on a few occasions since 2010. These are all game jam games so they are not very polished or do not have much content, and code quality is likely beyond horrible. I have enjoyed using Crafty quite a bit and have been happy to see that some things that I missed initially have been added to the framework. Here are them games: 

http://enk.kapsi.fi/games/stanceshooter - a curious one screen shooter where the hero switches "stances" and shoots/moves to different directions based on what stance was entered. Use arrow keys to move/switch stance. The "lasers" are actually targeting indicators where the enemies are going to shoot. Highscore stopped working at some point because Playtomic changed the API or something, I dunno. 

http://enk.kapsi.fi/games/umbrelladream/umbrelladream.html - a platformer demo. Only has one level. Use arrow keys to move/jump and WASD to control your umbrella (you will only need W in this level though). The game is pretty heavy on the browser and might lag quite a bit depending on your setup. 

http://enk.kapsi.fi/games/pulselight/pulselight.html - my GGJ13 entry. A puzzle game that is a mix between Pipemania and, uh, something. The idea is to direct power pulses from the center into targets that are lit around the border as time goes on. Failing to hit a target in decent time blows it out; hitting a blown target means game over. Has some design and code issues (will freeze if the border is full) which I might work on in the future. 

Cheers

[Yonatan Wolowelsky]

Not really a game. More like an infographic.

http://grmmph.com/bmi/bmi.html

[Cyrille Bogaert]

Snake 'em All
http://hugeen.github.com/crafty_snake/play/

[Marc]

This is really just the pong demo beefed up with sprites, music and sounds to make a fun tennis game for two.

Crafty is a neat way for JS developers to prototype and play around with Entity-Component systems but the performance is obviously Kindergarten. Canvas mode also seems to be ugly if not unusable (no transparency on sprites, weird behaviour) so DOM is the way to go which is surprising. That said, even with DOM you have to run the html local file system (not via HTTP) in order to avoid flickering/disappearing Sprites.

I do miss an id or tag for my entities though.

Here's a link albeit without sound:

https://googledrive.com/host/0BzSnEvuWFbcmamZzNV9YOXV3Sms/t1.html

[Marc]

Moved to GitHub with more games to follow.

Nice to see that entities do indeed have id's and names after all:

Crafty.e("2D, DOM")._entityName // "Enitity #2"

or

Crafty.e("2D, DOM").setName("Inconspicuous Tree 75")

[Marc]

Not a game in the "video game" sense, but a game in the "scientific simulation" sense and possibly a nice showcase for using (and separating) components with CraftyJS. Might add interactivity later:

https://github.com/cawoodm/crafty-survival

[Kevin Zettler]

Heres an awesome. game my brother and I made for the Github gameoff 2012 that didn't get much attention and we didn't promote much. Its made entirely in crafty and open source.

Play it:
http://zombiebros.github.io/operation-pull-request/

Fork it:
https://github.com/zombiebros/operation-pull-request

[Tim Inman]

'You died. The future refused to change.' :)

--
You received this message because you are subscribed to a topic in the Google Groups "Crafty" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/craftyjs/AIsnKKwQ2ow/unsubscribe?hl=en.
To unsubscribe from this group and all its topics, send an email to craftyjs+u...@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Ben Collier]

Hi all,

I don't know if you remember a DOS game called Sleuth from the 1980s, but I've used Crafty to clone it in Javascript (with permission from the original author).

Here's a link: http://www.bencollier.info/sleuth

Hope you enjoy it!

Ben

[Maximilian Schmitt]

I released my first game today. The name is "pozzle" and it's a minimalistic puzzle game that changes the way you think. Find out more on my website here: http://pozzlegame.com/

The game isn't free but I'm giving away free copies here if you're interested: http://www.reddit.com/r/IndieGaming/comments/1nq5v6/i_just_finished_my_first_game_pozzle_is_a/

Thank you Crafty, for making the development process fast and easy.

[Axon T. O. Adi]

Wow, this game seems fun. Can I be your apprentice? lol Would like to try it out.

[Maximilian Schmitt]

Thanks Axon! Sorry, all promo codes are gone but it's only $2.90 if you'd still like to give it a try. I hope to get a free demo up soon, but I'm not sure yet when exactly I'll get around to doing that.

[Hênio Tierra]

The game Doce Amianto (Sweet Amianto) is freely inspired by the eponymous film. It's being made by a group of seven guys: three visual artists, two programmers, a sound designer and a director. The final version will consist of six levels but we're launching a demo version with the two first ones. And It's HTML5 only, hurray!

http://doceamianto.com.br/en/gayme

You're welcome to give us your impressions and suggestions. :))

[ryoshenron .]

On Wednesday, November 13, 2013 2:44:53 PM UTC-6, Hênio Tierra wrote:

The game Doce Amianto (Sweet Amianto) is freely inspired by the eponymous film. It's being made by a group of seven guys: three visual artists, two programmers, a sound designer and a director. The final version will consist of six levels but we're launching a demo version with the two first ones. And It's HTML5 only, hurray!

http://doceamianto.com.br/en/gayme

You're welcome to give us your impressions and suggestions. :))

That was some pretty cool looking pixel art, and a very artistic and stylish game! I'd like to see the completed version. Also, I'd like to ask: are all your art assets already scaled ahead of time (the image files themselves are scaled up), or did you scale the game's stage in the code? I had some issues for a while keeping Chrome from smoothing my graphics out when scaling the stage, and just wondered how you scaled your graphics up.


I just put a brief demo of the game I've been making on my website: http://ryoshenron.com/ghost-house-demo/index.html
This is a bit of a different type of project than what most people have been doing with Crafty, as this is an RPG so it's a little bigger-scale. I'm designing it with mobile gaming in mind first and foremost, so it has an entirely point-and-click interface, and does not involve moving the player character at all so it plays sort of like the old point-and-click adventure games, but with turn-based RPG battles. The art style is inspired by a combination of Earthbound Zero (or Mother) and the NES Final Fantasy games.

I have been involved in game development on other platforms previously - my last game was an Android-only game coded in Java and utilizing the Andengine game engine, and before that I made several Flash games (coded in Actionscript). So this is my first HTML5 game, and I plan on sticking to HTML5 for quite some time if the whole promise of running cross-platform works out well for me.

[Hênio Tierra]

Thanks for your kind words! Will post the final version here, once we've completed it. About the assets, they were scaled ahead of time.

I checked your demo also, and it seems a quite ambitious project. And looking very nice!

[John Conder]

Superly Major Questing Adventure Fun Times

I used CraftyJS for my Ludum Dare #28 game submission.  It was an interesting experience as I had very little javascript experience prior to this.  I went ahead and attached the project's source code just in case, although if anyone takes a look at it, you've been warned: my javascript skills were essentially non-existent going into this project.

It's basically a little RPG-style game with an intro "cutscene" and a zelda-esque combat system.  Crafty was a great resource to have, I was able to get things up and running pretty quickly.  I had a whole lot of frustration while developing it, but that was entirely due to my own ineptitude regarding javascript.  Great job with the library guys!

Also, it drove me nuts that these two pages: http://craftyjs.com/documentation/ and http://craftyjs.com/modules/ were not usable.  Argh! :D  

[ryan sheppard]

Hello Crafty community,

Been working on a game and I could really use some feedback on how to improve it. The game pits the user against professors at JMU (I'm a student there) in a galaga like arcade shooter. Here's the link to everything on Github:

https://github.com/ryshep111/crafty

Sorry I haven't put it up on an actual website yet, I'm still trying to figure out the best way to deploy the game publicly. A few other notes:

1. The game currently only works correctly in chrome
2. Would love to get suggestions on how to improve the performance of the game
3. How can I make the game more fun?

I am very grateful to those who took the time to develop Crafty. Coming into this I had no experience with javascript but Crafty made it easy and fun to learn. Thanks ahead of time to those who take the time to try out the game as well.

Cheers,

RS

[ryan sheppard]

One more issue that I forgot to mention is that if you run the game from a web environment, the background music doesn't load unless you disable caching or set Accept-Ranges: none on the server. Music should be recognizable to any SSBB fans out there!

[Simen Burud]

It's still a work in progress, but I'm working on a little game called Takeoff. I'm developing it as a school project, with a deadline on May 8th.

http://elevweb.akershus-fk.no/~busi2409/takeoff/
The source is in the http://elevweb.akershus-fk.no/~busi2409/takeoff/js folder (yup, it's messy).
If you find any bugs, let me know.

[Israel Gonçalves]

Here are mine: 

impossible challenge for Mario http://www.sitejogavel.com.br/

[mindbr...@gmail.com]

Here my game made cratyjs : http://www.kongregate.com/games/mindbreakgames/30level?acomplete=30level

[Patrik Túri]

My game: SpeedBird multiplayer
Website: speedbird.tk

SpeedBird is an online multiplayer minigame, using latest browser technologies and Crafty js.
It's the race of two little birds that can't fly, only run and jump.
You can play against a friend, or find an opponent in Lobby chat.

Android is also supported with Chrome, Firefox, or Opera. Make sure your browser is the latest version.

How it was to develop with Crafty:
I think Crafty is a great alternative to WebGL engines. I've really enjoyed working with it.

[Hênio Tierra]

Hey people, I'm happy to say that the game Doce Amianto  (Sweet Amianto) has finally been released!
The game is freely inspired by the eponymous film and was made for PC and Mobiles, wholly made with HTML5.

Enjoy! :D
http://doceamianto.com.br/gayme/?lang=en

[Chabane Maidi]

@Henio

I like a lot of the art style and creative themes. I'm not so sure about the peculiar ending though.

[Hênio Tierra]

Thank you Chabane, I appreciate that! :)

Oh, I forgot to mention that the game is open source, and is on github:
https://github.com/heniotierra/doceamianto

Also, it will soon come to Android's alternative play stores. Google doesn't accept that kind of content on it's play store, but that's ok.

[Israel Gonçalves]

Here my game made cratyjs, PlayingSite: http://www.sitejogavel.com.br/

On Wednesday, November 7, 2012 at 11:27:49 PM UTC-2, Søren Bramer Schmidt wrote:

It would be cool to gather games from fellow Crafty developers. If you have made a game with Crafty (no matter how polished it is) I would be really pleased if you could share it with us.

Please submit a name and a link to a playable game.

If you feel like it you can also submit a link to the source code, a description of the game and - if you really want to help out - a small evaluation of how it was to develop with Crafty.

[Sanchit Kapoor]

Made a game  "Floating Leaves" In 3 hours :)
Check it out here :) Don't play without reading the "How to Play" :)
http://darkprince304.github.io/
Also tell me how do I shift the whole game screen towards right?

[Sebastián Perez Leale]

Hi, I've been using Crafty for a while now, and here is my latest game, it was released for web, windows store and windows phone. http://www.sebartista.com.ar/cbmonline/

[Sean Wilson]

Made a project with this library for my "Adv. Web" class. It's a gem-swapping game. Crafty made it much easier, and with the help of KenneyNL it looked great too!

Playable: http://albinodrought.tk/advweb/

Source: https://github.com/AlbinoDrought/gems-for-gaben

[Gabriel Slomka]

I was making this project but i stopped as it came too complex.

https://dl.dropboxusercontent.com/u/15644623/games/JS/ClanTactics/Index.htm

If someone wanna do it with me i can take it on !

[Trevor Kaufman]

Hello,

 I've toyed with CraftyJS many times, but I've finally created a "real" game with it; Grimm's Battlefield. It's a tower defense style game with with people instead of towers. The game features 3 maps and 5 different units and 4 different kinds of bad guys. There are two modes, 25 levels or Unlimited levels.

 The game has been created with art from the wonderful OpenGameArt.org website.

 If you want to check the game out, go to https://grimmsbattlefield.firebaseapp.com/

 Thanks for all the hard work on CraftyJS.

Trevor Kaufman

[Trevor Kaufman]

Hello All,

 I've put a lot of work into a major update for Grimm's Battlefield game and website. Check it out.

 https://grimmsbattlefield.firebaseapp.com/

Thanks,

[Guy Rozen]

Finally added a nice readme to this project I finished 8 months ago.

It's essentially a Klarna-flavored space invaders, and building it has been one of the most teaching experiences I've recently had.

Here's a link to the code, which contains a link to the game: https://github.com/grozen/kred-invaders

[Johan Sebring]

OlympicsRR

My tribute to 'Video Olympics' for Atary 2600 is still work in progress but there are currently two scenes that are playable, tennis and squash.

Ill keep a link to master branch of the repo on https://sebring.github.io/

[Patrick Stephen]

I've released a few jam games in the past year that you can find here: http://www.onegameamonth.com/Patrick_David_S

Each of them has open source code, I believe.

[JackApps]

Hi. "PIRANA !". (Yes without a H)... The first game I developed when I was a kid, on my Apple II... Was in 1982... And thanks to Crafty, how it should have looked (but back then I had only a resolution of 40x40 pixels in GR mode, and only one 'beep' using control-G).

You can play with the arrows or with your mobile gyroscope (But on mobile you should 'lock orientation' before playing).

Objective is - well, to escape the piranha fishes and survive as long as you can in the pool. Enjoy :-)

http://jackapps.org/pirana/

[Matthijs Groen]

Since the URL I posted earlier is now dead, the updated info is:

Name: SpeedLazer

Type: 2D sidescrolling shooter

State: In development

Controls: Keyboard / Gamepad

URL: http://speedlazer.net/

Twitter: https://twitter.com/speedlazerGame

Facebook: https://www.facebook.com/SpeedLazerGame/

Source: https://github.com/matthijsgroen/game-play

[Christophe Hollebeke]

Op donderdag 8 november 2012 02:27:49 UTC+1 schreef Søren Bramer Schmidt:

[isul]

Dru.. Available on Playstore

https://play.google.com/store/apps/details?id=com.kreapik.dru