Hack-A-Day: Hack-A-Crop

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Crop (demo, source). It crops an image to a fixed size.

I got help from several people on the CSS, thanks to instantly sharing my work via ngrok from my laptop. Thanks people! Thanks ngrok!

Today’s project was in anticipation of showing off what I did at the end of the month. I want a small thumbnail for each project.

Hack-A-Day: Hack-A-Sound

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Sound (demo, source). It’s a small soundboard.

You can:

  • Play 25 built-in samples
  • Record your own samples with your mic
  • Play samples directly, or record them on up to 4 tracks
  • Have tracks play one time only, or loop
  • Adjust the alignment of tracks
  • Use a keyboard or mouse
  • (Mobile not supported)

Have fun. I think this was a pretty good toy.

Hack-A-Day: Hack-A-Stats

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Stats (demo, source). It displays web traffic statistics about Hack-A-Day.

The original point of the project was to show some nice graphs in d3, as an effort to teach myself d3. But halfway through I got unbearably bored by “show a bunch of stats” as a project, so no d3. Whoops! You win some you lose some.

Hack-A-Day: Hack-A-Line

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Line (demo, source). Hack-A-Line is a 5-in-a-row game for two players. You play online against each other by sharing a link.

I’m okay with this one, except that there’s one really bad display bug that kind of ruins it. I’m starting to develop a list of projects where I might want to go back and fix something after this month.

I skipped yesterday because I needed a break.

Hack-A-Day: Hack-A-Tile

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Tile (demo, source). It’s a tile-matching game like dominos.

Hack-A-Tile is based on mathematical Wang tiles. It was very tempting to call it Hack-A-Wang.

If I update it, I would

  • Zoom out as you go. I think that would look cool!
  • Animate shifting over. Right now adding tiles on the top or left is visually confusing.
  • Change the tiles. These are fun mathematically, but not ideal for a game
  • Either add a maximum size, or some constraint to stop you just making one long line.

Hack-A-Day: Hack-A-Machine

It’s november, and I’ve decided this month that I’m going to do 30 projects in 30 days. It’s an all-month hack-a-thon!

Today’s project is Hack-A-Machine (demo, source). It’s a whimsical VM you can play around with.

I liked this one, but it really didn’t fit into a day too well.

Features include:

  • Edit, save, and share programs!
  • Visual debugger with step, run, pause, and stop!
  • One example program!
  • Weird arithmetic!
  • Negative-364 based addressing!
  • “Touchscreen” display!
  • “Ticker tape” input and output!
  • 21 never before seen instructions!
  • Optional registration!

Sadly not in the “one day” category are

  • good compiler errors
  • line numbering
  • line highlighting when stepping through code
  • syntax highlighting
  • the entire machine 100% working (I tested a little!)
  • fixing all the bugs (there’s a particularly nasty one where you have to save before you run)