New Look for 2014

It's 2014 and time for a new look.

The new layout of FlashByNight is cream and charcoal with red buttons. You can now sidescroll and tab through the growing list of games for easier access.

The site is built using responsive design with dynamic loading, e.g. it will fit any size screen and if you log in with a phone or tablet, it will only show games that work on those formats.

HTML5 Quiz with Sounds

I recently posted some tutorials and source files for a multiple choice quiz and a picture version.

One of my site users asked for a version with audio - click on a sound and recognise it.

So I thought I would post the result for anyone to use if they like -

Source files here:http://flashbynight.com/tutes/mcqquiz/soundversion/source.zip

Online sample here: http://flashbynight.com/tutes/mcqquiz/soundversion/

More HTML5 Tutorials

Let's start off the New Year with a couple of new tutorials.

1 Create a Mobile-Friendly Multiple Choice Quiz in HTML5

This tutorial should be slightly easier than the other HTML5 multiple choice tutorial that I posted, since it doesn't use the canvas element.

The tutorial is here: http://flashbynight.com/tutes/mcqquiz/

And the goal is to produce this: 

Working example here: http://www.flashbynight.com/tutes/mcqquiz/example/




2 Create a Mobile-Friendly Picture Quiz in HTML5 

Most of the code is the same as tutorial number 1, but the objective is to create a picture quiz.

The tutorial is here: http://flashbynight.com/tutes/pixquiz/

And the goal is to produce this:

Working example here: http://www.flashbynight.com/tutes/pixquiz/example/


====

Too lazy to follow the tutorials? No problem, the source code is available at the beginning of each tutorial. Grab it and use it for your own projects. Enjoy.

Collapse the Box

Okay, time for a new game.

Do you like simple addictive games? Games with blocks and colors? If so, this would be just what you're looking for.

In Collapse the Box, you basically have to... collapse the box, but it's trickier than it sounds. I enjoyed it so much that I was playing it even while I as creating the game.

So try it out here:

www.flashbynight.com/collapsethebox

If you like it, show the love by sharing it on Facebook, Twitter or Pinterest!

Screenshots:

PS: Mobile version on the way

LOOPS

Anyone who reads this blog or plays my games knows I love simple games and puzzle games. 

I've found a game called LOOPS which is right up my alley.

You simply click on the tiles to rotate them and form loops. It'll drive you loopy.

URL: http://theblogfullofgames.com/play/loops-of-zen/

Screenshots:

Start of level:

Halfway done:

Finished:

Are you psychic?

I have updated one of the activities on Flash By Night to make it mobile-friendly.

Are you psychic? Find out in this card-guessing game.

Try it here:

flashbynight.com/psychic

Screenshot:

Boxto

I felt like making a puzzle game where you compete against the PC to match colored blocks.

So I did and here it is:

http://flashbynight.com/boxto/

Some screenshots: