Ludum Dare 31
December 5th-8th, 2014

October Challenge 2014
Ending Soon!

ConstructionPlease excuse the site weirdness. Mike is making and fixing things. Clocks are probably wrong. Colors are place-holder.

What is Ludum Dare?
Rules / Guide

About brianshaler

Entries

 
Ludum Dare 23

brianshaler's Trophies

brianshaler's Archive

Level Editor

Posted by
Tuesday, April 24th, 2012 10:29 pm

I’m adding a couple of things to the post-compo version of Pico Planets, mostly driven by the feedback I have gotten on my submission so far. Top two critiques have been: 1.) a way to reset if you drift off into space (v1.1, available at picoplanets.com/latest/ now kills you off quickly if you’re drifting away); and 2.) more levels.

Making good levels is tricky. When you’re typing in planet coordinates and radii by hand, it’s hard to tell how it will turn out until you test it. That process takes far too long. Instead, I figured I should build a simple graphical level editor.

Level editor preview: http://picoplanets.com/latest/editor.html

Right now, you can add, move, and resize planets and suns. You can also move and resize the goal planet and change the player’s starting position. The result is a JSON string outputted in a text field below the editor. Unfortunately, the game currently does not accept this kind of input. So, the next step will be to update the game app to make the levels dynamic, rather than hard-coded like they are now.

The blue ring highlights the selected planet, and the little dot is the resizing handle. You can drag the stage around in case you want to lay out a large level.

Gameplay Screencast

Posted by
Sunday, April 22nd, 2012 5:44 pm

Here is a quick 2 minute video (no sound) playing through all three levels of Pico Planets

http://youtu.be/Bpm84JqdKxg

Submitted!!!

Posted by
Sunday, April 22nd, 2012 5:29 pm

I’m pretty excited. With about an hour to spare, I submitted my entry for LD #23.

Just like everyone else, there’s a lot I would have liked to add to the game, but simply didn’t have time. Ultimately, I’m really pleased with how far I got in the time allotted. I think the biggest missing piece is the lack of sound, but I would honestly rather add optional stuff, like power-ups (like additional oxygen) or more hazards (like orbiting satellites). More levels would be cool, and a tutorial at the beginning would probably help. It would probably also be smart to detect that a player is drifting off into space and let them start over quickly, instead of waiting for their oxygen to run out.

But ultimately, I made a simple game that works and is fun. It’s also fresh and different, albeit a little discombobulating..

Play Pico Planets

Intro screen

Posted by
Sunday, April 22nd, 2012 4:42 pm

I added a fun little animated intro screen. It was rendered without the black background so animated stars could be rendered behind it at runtime.

To see it animate, go to picoplanets.com

Custom typefaces are a PITA

Posted by
Sunday, April 22nd, 2012 3:35 pm

Using Processing.js, <canvas>, and a custom typeface was a recipe for frustration. I ended up not using any of the built-in Processing.js font functionality, instead referencing the <canvas> element itself and using @font-face

Levels and Maps

Posted by
Sunday, April 22nd, 2012 2:39 pm

Now our intrepid hero can see the path laid out before him thanks to these handy new preview maps!

Also, I just copied the game over to its own domain: picoplanets.com

A sense of urgency

Posted by
Sunday, April 22nd, 2012 4:52 am

To keep the game mechanics as simple as possible, I decided to focus on the puzzle aspect of getting around a solar system without any thrusters (jump and see where gravity takes you!). To make it more interesting and challenging, I added a timer—a limited oxygen supply. So, in addition to getting burnt to a crisp by the sun, you can now suffocate! Yeah!

Play the game here or check out the code on GitHub

Toasty

Posted by
Sunday, April 22nd, 2012 4:43 am

My game involves hopping around from tiny planet to tiny planet. Might as well add a sun to the mix! Get too close and you get burnt to a crisp..

Power Jump

Posted by
Saturday, April 21st, 2012 4:45 pm

I added a “jump meter” that powers up as you hold SPACE. The more you power up, the higher you’ll jump!

Take the game for a spin here: brianshaler.com/planets/ (it can be kind of dizzying, but it’s fun to try to get caught in orbit)

On GitHub

Posted by
Saturday, April 21st, 2012 4:38 pm

The hacked-together, comment-less source code for my CoffeeScript+Processing.js 2D rotating platformer is available on GitHub here.

Any version I show others (on my site) will be pulled from the latest version on GitHub.

Lost in space

Posted by
Saturday, April 21st, 2012 4:27 pm

I had to make some compromises on how to draw stars. I needed a way to have the background rotate with the rest of the scene, but that creates some issues when thinking about how to scroll and Javascript performance. Ultimately, I decided scrolling wouldn’t be required, so the background is rendered once and then rotated.

Fortunately, jumping around on planets wouldn’t really change your perspective of the stars, so leaving them static kind of works. It would’ve been great to have the stars scroll, as it would make movement more evident and add more depth to the scene. It would also make it feel like you’re watching from a distance, as the stars wouldn’t be moving, only your viewport.

Here, our brave hero is lost in space after jumping just a little too high:

Drawing a fat astronaut

Posted by
Saturday, April 21st, 2012 3:50 pm

I needed a main character for my 2D rotating platformer. A red rectangle just won’t do.

Here are the main positions I sketched up for now: Standing, Flying, Squatting (to jump), and Walking

[cache: storing page]