Fionn's Hidden Levels
Anarchy Any Browser Banshee Neocities Districts Neon Tone Neon Tone Neon Tone

Fionn welcomes you!

Your idle curiosity has brought you here to a land of mystical wonder, radical dreams and nostalgic goodness. Were you ever meant to find me? Perhaps yes, perhaps not. Don't think too hard, there is no going back. Take your time, get a drink and enjoy exploring my digital wares. I've been waiting for you.

My HTML5 Experiments:

Neon Tone NEON TONE

A physics based music experiment. Draw lines that represent note values and then drop balls affected by gravity to play those notes.

I created this using Game Maker 8 in June 2011 originally available as a Windows .exe only. Now I have faithfully ported it to HTML5 and it works perfectly on desktop browsers. Doesn't work yet on touch screen devices - The line drawing goes a bit crazy!

Neon 3D NEON 3D

Navigate your ship through a pulsating 3D tunnel, shooting at enemies and collecting points.

Another port of a Game Maker project I created back in 2008. I wanted to see how well a 3D game would convert to HTML5. Visually I believe this turned out very well, although the performance leaves much to be desired. Expect some frame rate issues until I can optimise this further. This plays best with a mouse as on touchscreens the ship moves too unpredictably.

Smoky The Pigeon SMOKY THE PIGEON

Help Smoky the Pigeon collect cigarettes (he has a nasty habit!) Don't let him fly into oncoming birds or outside of the screen. Swipe the screen to control his flying speed and direction. Good luck!

I made this game in about 90 minutes simply to test out code for directional touch/swipe controls. This works best on Android devices but you can play just fine on desktop browsers. Also works on iOS but no sound plays on both the Apple devices I've tested.

Excelsior LOW POLY EXCELSIOR

A low poly model I created based on an Excelsior-class starship from Star Trek. Rendered on a HTML5 canvas.

This is just a model viewer, with one model. This was made to figure out a workflow for converting textured .obj format models into the Game Maker model format and then exporting the project to a HTML file for viewing on any WebGL capable browser.

Some useful tools and resources:

Essential Software:
- Inkscape - Open Source SVG Graphics
- IDE - Visual Studio Code
- Lightweight Code Editor - Atom

Online Tools:
- Template for attaching & embedding JS
- In-browser HTML/CSS/JS live editor
- CSS Colour Picker
- CSS Gradient Maker
- WYSIWYG HTML
- CSS Cheat Sheet
- RGB Colour Codes

Learning Websites:
- Free Code Camp
- W3Schools CSS Tutorial
- Interneting Is Hard
- Flexbox Froggy

HTML Guides:
- HTML Syntax Guide
Scripting:
General info about code editors -
About debugging JS within browser -
Template for attaching & embedding JS -
Logical Operators in JavaScript -
JSLINT - Automatic JS Linter -
JSHint - Another JS Linter -
Node JS -
JS Coding Style (including cheat sheet) -

Useful Stuff:
Quackit JavaScript Examples -
W3Schools HTML Events -
Animista CSS Animations -
Vintage Windows Patterns -

Game Maker HTML5:
Custom Loading Bars -
Swipe Controls Tutorial -
My HTML5 Junk -


The date and time: