Tapia is a different take from our previous game, Cube 11. Points are scored by sliding matching tiles together and building up terrain. The game focuses on nature and the passage of time on the cube planet Topia. The app is built in HTML, CSS, Java script, WebGL, and Cordova. The 3D models were made in Blender. Learn more
Cube 11 is 3D sliding puzzle game. Points are scored by sliding matching tiles together. The app is built in HTML, CSS, Java script, WebGL, and Cordova. Learn more
Waz Craft was hired by Michael Godfrey to help develop FeatherFlix, an interactive compendium of over 500 North American birds. FeatherFlix functions as a field guide and learning tool. The more serious birders of can also look up, log, customize, and share their own bird sightings. The app is built in HTML, CSS, Javas cript, and Cordova. Learn more
Below are some experiments and teasers for works in progress.
CSS Grid Animation is an alternative to animated GIFs. This example cycles through a transparent PNG sprite sheet, using only CSS. The animation features our dog, Sisu, on a penny-farthing. Go to Pen
CSS Sprite expands on CSS Grid Animation. Java script is used only to update CSS vars that determine which animation sequence to play next, and how to transform the the sprite's position. The animation features Cassy, a character from a work in progress. Go to Pen
CSS Tile Engine expands on CSS Sprite. The scenery is from a work in progress featuring Cassy. Go to Pen
Box Globe pushes the capabilities of 3D Transform. The scene is described entirely in the CSS. Java script is used minimally to update the orientation of the scene. Go to Pen
Cards is a web-based playing card engine. Moving a card in the scene is as easy as moving a dom from one parent to another. CSS animations are dynamically applied to transition the doms from one parent to another. The end goal is to make an engine where almost any card game can be described with simple HTML markup. Go to Pen