JavaScript on fotino.me

Some Simple JavaScript Art

Thu, 07 Jul 2016 05:21:32 +0000

I’ve been seeing this sort of art everywhere, with moving points connected by lines that are more solid the closer the points are to each other. It’s fun to watch and seemed like a simple effect to replicate, so here is my take on it.

Click on the animations below to show them individually. If you are on a phone the animations will probably lag when they are all running on this one page.

Spaceship.codes - A Game for Programmers

Sat, 02 Apr 2016 22:01:26 +0000

Source code (MIT License)

After a few months of development, I’m proud to announce the first release of spaceship.codes! Spaceship.codes is a browser game for programmers, with a built in code editor that the player uses to write JavaScript to control their spaceship. I will illustrate this with a simple example; it might be helpful to open spaceship.codes in a new tab so that you can follow along.

First we need to load a level. We can do this by clicking the “Select Level” button, then clicking the first level (named “Thrust”), and finally clicking the “Load” button. After the level is loaded, you should see something like the following:

Planetary - Circular Platformer Concept

Wed, 08 Jul 2015 23:18:35 +0000

Skip to playing the game!

In my last post, I dipped my toes in the water with the Phaser game engine by making a simple game of Snake. I enjoyed using Phaser and decided to further test its capabilities by making something more complex. I’ve always wanted to make a side-scrolling shooter, but developing the storyline, levels, and graphics to do it right isn’t something I have time for right now. So I thought, what if I cut corners and just made the level a loop, so you can play infinitely? That gave me the idea for a circular platformer, where you run around the surface of a planet and have to defend against waves of enemies. I’m sure it has been done before, but it seemed interesting enough to start working on. You can see the project on Github.

Snake in JavaScript with the Phaser Game Engine

Sat, 27 Jun 2015 23:36:00 +0000

I’ve been wanting to get back into game programming recently, so I decided to build the classic video game Snake. I chose Snake because it has simple mechanics and I had never programmed it before. As a web developer I know the browser can be a great platform to get up and running quickly, so I decided to make it in JavaScript. I hadn’t built a browser game since before the <canvas> tag became widely supported, but luckily GitHub has a handy list of JavaScript game engines. I chose Phaser because it’s at the top of the list, and after looking through the documentation it looked like it would suit my purposes. You can play the finished product here.