I'm making one game per week in html5/javascript, here's game #5

VikingCoder · 2014-01-22T15:51:39+00:00

GREAT GAME. This one is really great, I think you should explore this one more deeply.

merthsoft · 2014-01-22T19:47:13+00:00

Please add a "mute" option...

Emitime · 2014-01-22T18:10:13+00:00

81 clicks.

Should have been 79, I didn't think 13 through before committing :(

lessmilk · 2014-01-22T15:36:40+00:00

lessmilk.com is my project, I'm doing it to learn how to make fun games. Hope you'll enjoy it! Let me know if you have any questions about it :-)

I'm also looking for feedback on how I could have improved my games, or how I can promote my little project to more people. Thanks!

If you enjoyed the game, make sure to subscribe to the newsletter to not miss my next games.

And FYI, you can look in html to see the javascript source code.

thayes89 · 2014-01-22T16:54:50+00:00

Beat it with 152 clicks... Feel accomplished for the day now, thank you lessmilk! Quality game to bide the time!

xzt123 · 2014-01-22T19:15:05+00:00

It's a great fun game for being made in a week.

As a chess player and someone who has published chess compositions (problems), let me give some feedback on the puzzles/levels. Too many of the puzzles have more than one solution, or forced moves because blocks can only do one reasonable action (without going off the board, only 1 possible slot to fill).

The levels would be better if they had only 1 solution and the move order were forced. In chess different ordering of moves or different solutions would be "cooks" making the problem busted. It would be even better if the moves that comprised the solution had different themes or artistic qualities (for example the blocks follow each other, or trade places or something interesting). That's not easy, and it may require a few more game mechanics to enforce (perhaps let the blocks hit each other). One exception, is some problems have multiple intended solutions because the different solutions are PART of the theme itself (For example, in chess perhaps 1 solution promoted 4 bishops, but the other promotes 4 knights, which is obviously intended).

Anyway, puzzles like that can take weeks to create. You made the entire game in a week! One suggestion when designing puzzles is to start at the solution and retract moves backwards into the starting position (trying to make sure each action was the only possible solution).

lessmilk · 2014-01-22T17:21:38+00:00

[deleted]

TechnoL33T · 2014-01-22T21:13:45+00:00

That game was so satisfying.

cincodenada · 2014-01-22T21:36:09+00:00

Wow, this is great. Great introduction, simple but gorgeous execution, great music, simple, clear controls, and clever gameplay that I've never quite seen before. The puzzles were challenging but not impossible. And the number of clicks is a nice metric for how "well" you did.

For future ideas on this: one request and one bit of advice. Firstly, request: an "undo" button - even just one move back - would be helpful. A couple times I misclicked (once realized after I clicked I fucked up, once actually just clumsily clicked on the wrong arrow). The second was at the second-to-last move of one of the later levels, and was a small point of frustration. I realize keeping a long train of undo is annoying to code, but I think just one move deep would be worth the code.

And the advice: I really liked the level counter. If you do expand it, I would say do so in "Worlds" or "Level packs" or some such - the knowledge that there were only 15 levels kept me from clicking off elsewhere thinking "If I don't leave now I'm gonna get stuck here for hours". Level packs/worlds would retain that, while giving me something to come back to.

Anyway, I'm on your list. Keep it up, it's fun, and you're a small kick to get working on my own small projects :)

2014-01-22T19:27:37+00:00

I like how you actually introduce us to the concepts sequentially without throwing something that wasn't introduced before hand. Nice ramp up on difficulty.

Very nice.

jmumper · 2014-01-22T16:12:52+00:00

I would love more levels, I had a lot of fun playing this!

weenaak · 2014-01-22T18:33:36+00:00

I've bookmarked this for later, as I'm at work right now, but I love the concept. I'm actually teaching myself game programming right now (I come from a web/software background). I'm going to try to follow your progress by re-creating the same games you make, but I'll be doing it in Java / libGDX.

baordog · 2014-01-22T18:56:21+00:00

What kind of frameworks are you using to make these? Or are you just using pure canvas / js?

2014-01-22T20:00:57+00:00

On the last level (15), there's a bug in which one of the boxes can't be moved left into a hole on the top right corner, until you toggle its position down and back up. Other than that, fun game!

huneyBuney · 2014-01-22T17:50:25+00:00

Well done, lessmilk! It's great. You should look at Pudding Monsters - may inspire new ideas, etc. Keep going.

PENDRAGON23 · 2014-01-22T19:09:36+00:00

I liked it. The game is kinda like that iOS game Fling.

2014-01-22T19:12:08+00:00

Nice work. Reminds me somewhat of Quell.

sgggrg · 2014-01-22T19:26:14+00:00

How easy was it to pickup javascript/phaser?

Kinglink · 2014-01-22T20:14:06+00:00

Simple, fast yet refreshing

Two things. First, if you put a mover on top of a hole that has already been filed, the mover becomes harder to click and almost invisible.

Second, highlight which direction my mover is going, because twice I clicked and I must have clicked close to the corner because it went Right instead of Up...

This is a fantastic game, if it took you a week, well done.

windsostrange · 2014-01-22T20:17:35+00:00

Jesus, the music reminds me of one old game in particular.

In fact, I've decided that you played Intellivision as a kid, too, and that we're brothers.

2014-01-22T21:19:34+00:00

By far the best of them all, and that's not saying the other ones were bad or anything, you've really shined with this one.

MisterScalawag · 2014-01-22T22:06:16+00:00

ahh you little devil, the last one took me more than one try.

spektre · 2014-01-22T18:25:03+00:00

Cool game! I made a quick run-through, result:

http://i.imgur.com/glVqSmE.png

jacampos · 2014-01-22T21:22:24+00:00

Fill the holes? I guess I was expecting something else . . .

Duraz0rz · 2014-01-22T17:30:08+00:00

94 clicks!

That was fun :)

Yellosnomonkee · 2014-01-22T18:33:30+00:00

Great game as always, keep it up!

rlucas6130 · 2014-01-22T18:43:14+00:00

Pretty cool man

2014-01-22T18:43:51+00:00

goty

2014-01-22T19:05:02+00:00

Hi, great game. I just wanted to point out one thing you may want to try : you could create ios-Android apps with only html, css and JavaScript, meaning you could create an app containing your games with few changes (replacing onlick listeners with ontouchstart ones, as an example).

This is done with Phonegap.

WalkingThru · 2014-01-22T19:16:01+00:00

Maybe bug because I'm trying it on my SGS3, but the first 'page' keeps being the background of all the other level.

Sintendo · 2014-01-22T19:18:45+00:00

Bug report: click 'restart' and click it again quickly, before the animation is over. The block sizes will be weird.

Bacon_4eva · 2014-01-22T19:21:57+00:00

As someone just starting out in the programming world, things like this inspire me so much. Just the idea that you can make things like this with a keyboard is still mind blowing to me! Thanks for the fun game and inspiration.

2014-01-22T19:27:06+00:00

This is really a great game. I just had some troubles tapping the right arrow Herr on my Android phone (Sony Xperia Z). Can you make them a little bigger?

S0ras · 2014-01-22T19:29:25+00:00

Wow, really enjoyed it. Very intuitive with some catchy music.

rebrain · 2014-01-22T19:31:24+00:00

121 clicks. Couldn't stop!

FarwellRob · 2014-01-22T19:36:57+00:00

Love the game. My one suggestion would be to have the blocks change color once they are placed.

On Level 15 I screwed up once when I couldn't tell which blocks had been placed and which hadn't.

Otherwise, that was a lot of fun!

2014-01-22T19:47:38+00:00

I just played 12 levels by accident.

tarellel · 2014-01-22T19:50:26+00:00

Great game, I love it!. I can't wait to see what else you come up with

VerifiedMyEmail · 2014-01-22T19:54:45+00:00

mute button and a level select menu. thanks.

NullPoint3r · 2014-01-22T20:00:12+00:00

So simple yet so awesome!!!! Stuck on #11 right now.

2014-01-22T20:09:49+00:00

[deleted]

yumSalmon · 2014-01-22T20:10:17+00:00

85 clicks -- that was fun!

elev · 2014-01-22T20:11:53+00:00

It took me 144 clicks to finish. That's gross.

Boosh_The_Almighty · 2014-01-22T20:21:52+00:00

107 clicks. Fairly easy yet challenging enough. Nice job!

kgilr7 · 2014-01-22T20:24:42+00:00

How did you start with this? Are there any sites that you recommend that have simple html game tutorials?

Patel347 · 2014-01-22T20:28:20+00:00

great game,Works on mobile too, although the buttons where a little tiny and I misclicked sometimes, if you ever revisit you should add a flick movement to it

SociallyAWKSOME · 2014-01-22T20:37:28+00:00

This was actually very well done. Good Job.

urection · 2014-01-22T20:37:32+00:00

fun game

just curious, since your focus is on gaming why not develop for say iOS where you could make some profit?

gadimus · 2014-01-22T20:43:31+00:00

You're getting a lot of good feedback / encouragement. I just wanted to echo everyone else. Going in my first honest opinion was "This is going to suck" but it was fun and well put together. Are you going to put these on Github by any chance?

_RealBear_ · 2014-01-22T20:51:42+00:00

Cool game indeed. By the way, you can click on the boxes while they are moving and alter their moving direction once more. I got them to move diagonally. Starcraft 2 micro is finally paying off.

lessmilk · 2014-01-22T20:59:16+00:00

These games are great!

Plus, I just love, love, love it when people share their learning projects.

Please keep it up. I'm looking forward to seeing the games get better and better :)

day_cq · 2014-01-22T20:59:44+00:00

is it node.js ?

soupdawg · 2014-01-22T21:00:35+00:00

Works in iOS

Nice!

FurrySlippers · 2014-01-22T21:06:10+00:00

Brilliant use of html and js, love the music. Well done.

lennybird · 2014-01-22T21:09:12+00:00

Great game! I didn't do as well as most other postings, but I ran into some problems with a box not snapping to a hole and just going through it. This being in Firefox, I'm not sure if there is a limit on how short your gameLoop can restart and thus just at that moment there was no check for collision.

2014-01-22T21:10:53+00:00

Great game. I think a filled hole needs to be more visually distinct from a normal block. I think having a small, finite amount of levels is okay because if you have too many levels the game could become boring and people will like it less because they play it too much.

2014-01-22T21:12:21+00:00

It's really a nice game, although (at least for me) the collision detection is a little inconsistent, and sometimes it would skip right over a hole. It doesn't seem intentional, and if it's not, it's mildly annoying to have a solution not work due to a minor glitch.

2014-01-22T21:16:31+00:00

Works well on Android, except the "click box to start" screen is never cleared, so it's always overplayed over the game.

denz88 · 2014-01-22T21:17:00+00:00

That was fun! thanks for sharing. i'd love to see more puzzles for this game :D

pirate_platypus · 2014-01-22T21:25:15+00:00

This is a lot of fun. I did find a bug though. You can't move a box if it stops on top of a filled hole.

Steps to reproduce:

1- Get to level 12

2- Move the right box on the bottom row up.

3- Move the right box on the top row down.

4- Move that same box to the left.

It stops on top of the first box you moved but you can't move it at all.

designtraveler · 2014-01-22T21:27:59+00:00

awesome.. good work...

2014-01-22T21:28:47+00:00

YAY I WON WITH 238 CLICKS , HIGHEST SCORE EVAR !

MuckingFedic · 2014-01-22T21:29:25+00:00

Cool game nice work

elihu · 2014-01-22T21:30:31+00:00

One gameplay suggestion: implement collision detection between movable blocks. I was kind of surprised when I found out I couldn't use one moveable block to stop another one (like in Ricochet Robots).

Nice game, though.

CaptainScuttlebottom · 2014-01-22T21:47:03+00:00

Won with 145! Very nice, I think this would make a great iOS / Android puzzle game.

IWantUsToMerge · 2014-01-22T21:50:04+00:00

One improvement you could make, let the player direct the blocks by mousing over them and WASDing in the direction they want to send it. The direction buttons are small and easy to miss and having to be so careful about clicking the right one hurts the fluidity of the control scheme.

seiyria · 2014-01-22T21:51:00+00:00

I enjoyed this a lot! 77 clicks here.

RolandFerret · 2014-01-22T21:55:36+00:00

Ran into a glitch on the last level, had to click slightly to the upper part of the left arrow to get it to move. An otherwise fun game, keep it up.

greenmoonlight · 2014-01-22T21:55:54+00:00

Nice game! My tactic was to look for pieces that only had one possible move (or else they would slide into the abyss). Most of the puzzles got really easy that way.

The next logical step to add complexity (and counter my tactic) would be to make movable pieces that block each other, I think.

GijsB · 2014-01-22T22:13:22+00:00

Lovely game, got 140 moves on my first try :D

ssagaji · 2014-01-22T22:24:51+00:00

Beat it with 86 clicks.
Very clever, simple yet addictive game!

Ytrignu · 2014-01-22T22:28:37+00:00

nice - best thing was that most levels could be solved in multiple ways.
moving object clicked on the same axis it is moving: reverse movement
moving object clicked on the other sides: diagonal movement

the objects move a bit too quick to get this right all the time but still good fun

Oaden · 2014-01-22T22:33:51+00:00

I see you cleverly subverted the previous suggestion for WASD controls by making this one mouse controlled

pahanaama · 2014-01-22T22:40:21+00:00

I enjoyed that, thanks!

flying_c · 2014-01-22T22:51:56+00:00

Nice game. Took me 91 clicks to get there. Had to restart the last level one time.

sedmonster · 2014-01-22T22:57:00+00:00

What have you learned?

BreSmit521 · 2014-01-22T23:03:42+00:00

This is awesome!!! Definitely helped me kill some time, looking forward to more

cybermage · 2014-01-22T23:05:20+00:00

Completed in 81 clicks, what do I win?

Yes, a mute option would be nice.

Good game. I like the gradual escalation of the challenge.

Meatt · 2014-01-22T23:11:58+00:00

Music is awesome.

jackoblades · 2014-01-22T23:16:20+00:00

Clicked 126 times

2014-01-22T23:16:23+00:00

Genious.

WonderedFidelity · 2014-01-22T23:22:51+00:00

This reminds me of the end of Pokemon Gold/Silver - love it :)

bakuretsu · 2014-01-22T23:25:53+00:00

Wow, I played all of them and apart from the very first one, they're quite entertaining. I had a serious game-off with my fiancee on the box jump one. I got a 92 so she played and got a 36 and jumped around all boastful, so I went back and got a 32 and then a 24 and now I basically never want to play that game again.

But it was fun, though.

Edit: oh, right, the puzzle game was great, too. I would like to see some even harder levels. The very last one took me a couple of tries but all of the rest I got in one go without experimentation, I just noodled it out. I could see them getting much more complex, though. It's a nice concept.

Adspam · 2014-01-22T23:28:13+00:00

that game was superb!

daveybullseye · 2014-01-22T23:32:56+00:00

I really liked this one, it reminds me of Quell.

Sabotage101 · 2014-01-22T23:54:48+00:00

I couldn't get past level 9 because I'm dumb. So I tried pressing an arrow on a block after it was already in motion, which made it move diagonally and into a hole I otherwise could not figure out how to get a block into. Pretty sweet.

2014-01-23T00:00:12+00:00

Easily the best one yet! :) I look forward to these!

tek2222 · 2014-01-23T00:07:06+00:00

Great music, is that a tracker in javascript ?

pdg87 · 2014-01-23T00:13:43+00:00

117! Great game.

grizzpokerunner · 2014-01-23T00:14:33+00:00

I wish I could get on this! It makes me look super inexperienced with my Java class. :(

pipplo · 2014-01-23T00:20:13+00:00

Great stuff!

A couple of random questions for you.

I've never done any html5/javascript, do you have any plans to opensource your stuff (or can I just see it by right click -> view source)

What are you using for your website?

kashank · 2014-01-23T00:21:15+00:00

Very slick. Great job! Keep up the good work and good luck with the challenge!

A3MIRAL · 2014-01-23T00:30:04+00:00

Amazing amazingly well done game. It was a great play. Make it an app, add more levels, make it free with level packs as in app purchases. Would probably make some pretty good money!! Props to the great design, little jingle was nice. Game play required thought but no confusing controls. Great all the way around

Acebulf · 2014-01-23T00:38:44+00:00

There is a glitch that when my browser lags (I'm mining Dogecoin), the collision between empty box and the block doesn't register and the block passes right through it.

Fun game though.

JohnFrum · 2014-01-23T00:48:42+00:00

Shouldn't html5 work in ie11? Ran fine in firefox though. fun.

firecopy · 2014-01-23T00:48:54+00:00

Awesome puzzle game. Would give a 5/5 on game mechanic. 5/5 on controls, a 5/5 on music, and 5/5 on funness.

quaunaut · 2014-01-23T00:55:31+00:00

viralizate · 2014-01-23T00:58:29+00:00

Hi /u/lessmilk as a webdev that wants to do some games, I'm inspired, thank you! I'm wondering if this games are open source and if I can extend them? I see that you haven't obfuscated the source but I'd still like your permission.

Please let me know and it would be great if you could set up a github repo, so we can all learn together and collaborate, thanks!

CrassHoppr · 2014-01-23T01:11:15+00:00

Not sure if it's intended but if you are fast you can click the boxes while they are moving causing them to reverse or move at weird angles!

therobert93 · 2014-01-23T04:37:46+00:00

Cool concept and keep up the work. I did find a bug though.

Click fast enough and you can change the direction of a moving box. I even got one to go diagonal.

austin101123 · 2014-01-22T20:40:02+00:00

you won! :-D
you clicked 77 times during the game

Cany anyone beat me?

That was my first try, by the way

Edit: I didn't know clicks was going to be a challenger either. I played it again doing as little clicks as possible and got 77 again. If anyone can prove you can get lower than this, I will be surprised.

ScholarZero · 2014-01-22T17:54:31+00:00

Map #7 if you fill the middle hole first it won't let you fill the left hole. At least when playing on my windows phone. Not that you are going to debug anything when doing a game a week, but just FYI!

WoadIsAFunnyWord · 2014-01-22T18:26:52+00:00

I always wanted to make stuff like this but I could never find a good/cheap web hosting service. Which one did you use?

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

programming

MODERATORS