I tried Hopscotch, the surprisingly powerful app that lets you make small games without coding

Hopscotch
Hopscotch

One of the most daunting parts of getting into computer programming is learning how to code. In many ways, it's like diving into a new language.

Advertisement

But for those who want to learn more about coding but are perhaps intimidated by the steep learning curve, there's Hopscotch, an iPhone and iPad app designed to help people create simple games by giving them a playground with objects to play around with, instead of a blank screen and blinking cursor.

The coding is done behind the scenes, and after trying it out, I was seriously impressed with what I could accomplish with Hopscotch in a short time.

If you, or someone you know is interested in learning the basics of how programming works I would highly recommend giving Hopscotch a shot. Here was my experience.

Advertisement

Hopscotch is colorful and fun right from the start. Creating a profile takes a minute, then you're able to get to the app's main menu.

Hopscotch
Brandt Ranj

You're given the choice to make your own games, or play others. Before hopping into the creation tools, I decided to see what others had made, to get an idea of how powerful the tools were.

Hopscotch
Brandt Ranj
Advertisement

Turns out they're pretty powerful. Enough to create clones of Doodle Jump...

Hopscotch
Brandt Ranj

... And Slither.io. These versions aren't as polished as their professionally made counterparts, but they get the basic mechanics down near-perfectly.

Hopscotch
Brandt Ranj
Advertisement

This is Hopscotch's creation interface. The first thing you need to do is select an object: I started by selecting a shape. You can also choose to preview and play your game at any point.

Hopscotch Interface
Brandt Ranj

Once you've selected an object (in this case I picked a heart) you can tell it when to perform an action, when it's tapped or pressed, for example.

Hopscotch
Brandt Ranj
Advertisement

Then you select what you want to have happen a person interacts with that object in that way. I decided to have the heart change color, and the cupcake spin and dance. The process is very intuitive.

Hopscotch
Brandt Ranj

You can create as many actions to one variable as you'd like. Once I had my variables in place it was time to see how the game looked.

Hopscotch
Brandt Ranj
Advertisement

The preview button creates a smaller-sized, but fully-interactive, version of your app. I decided mine needed some fine tuning.

Hopscotch
Brandt Ranj

For this game I decided to add some text, to give the player some guidance.

Hopscotch
Brandt Ranj
Advertisement

Perfect. It's not going to win any awards, but it only took ten minutes for me to create a mini game with two fully interactive variables, without writing a line of code.

Hopscotch
Brandt Ranj
Advertisement

And here it is in action!

via GIPHY

Advertisement
Close icon Two crossed lines that form an 'X'. It indicates a way to close an interaction, or dismiss a notification.