Schillmania!04050607/080809Armor Alley: Web PrototypeA browser-based interpretation of the classic 1990 game.Why do this?Any application that can be written in JavaScript, will eventually be written in JavaScript. -- Atwood's Law (2007)PremiseStudying the original
Scope
Process
Troubleshooting & debugging
"Architecture"
Collision detection / enemy + object interaction
Animations
"Inheritance"
Performance
Memory, DOM node count and JS/DOM garbage collection
"AI"
transform:translate origin considerations
Sound effects
Miscellaneous efficiency & performance notes
Things that worked
In retrospect: things I would change or revisit
TODO: tweaks and other bits to tidy up
Features not in the original game
Stuff I'll never get to
Fin.
Related links Play the Armor Alley Web PrototypePhotoset: Notes, development screenshots, debugging etc.Armor Alley (Web Prototype) on GitHubCredits + acknowledgements (Web Prototype)Armor Alley on Wikipedia
Recently.
Arkanoid: Recent Submissions
Amateur Photography - Photos from Schill
Heavy Rotation - Recent top plays @last.fm
Reading.
Most Recently
Armor Alley (1990): Web Prototype
A browser-based interpretation of the MS-DOS release of Armor Alley, a combat strategy game originally released in 1990 for MS-DOS PCs and the Macintosh. Written in HTML, JavaScript and CSS.
SURVIVOR: Remaking A C64 Game In HTML
Remaking an Atari / Commodore 64-era space-based "shoot-'em-up" arcade game in HTML + CSS + JavaScript, including a level editor and design tool, thirty years after its release.
The Wheels Of Steel: An Ode To Turntables (in HTML)
Building a browser-based turntable prototype using HTML, CSS, JavaScript and Flash: A bit of history, screenshots, explanation of the approach taken, limitations found and sample code.
How SoundManager 2 Works
Background details to the JavaScript and Flash that makes SoundManager 2 work, plus technical notes and other findings about Flash's wacky ExternalInterface functionality.
CSS 3 and The Future: Image-free Rounded Corners, Drop Shadows and Gradients
A brief history of rounded corner CSS 2 hacks and some examples of effects using border-radius, box-shadow and other fancy CSS 3 attributes (and vendor-specific extensions) allowing modern browsers to render shiny UI designs entirely from code.
The Cost of "Social Media" Javascript Overload
Security, load time and user experience are all affected by the amount of inline Javascript blocks and third-party script "includes" being crammed into some modern sites, particularly commercial and tech blogs. This entry is a rant, and some suggestions to improve performance.
HD Time-Lapse Photography: A How-To
A hacker type can't simply plant basil and cilantro outside, and leave them alone to grow; of course there has to be something else, preferably nerdy, in the process. This is how I ended up getting into time-lapse photography and making videos fro