waz craft


Waz Craft is run by Jonathan Wszalek, a graphic designer and web/mobile app developer.




Tapia


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


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




FeatherFlix


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





Experiments


Below are some experiments and teasers for works in progress.


Emoji Match


Emoji Match is a Match-3 type engine, built in HTML, CSS, and Java script. Go to Pen




CSS Grid Animation


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


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


CSS Tile Engine expands on CSS Sprite. The scenery is from a work in progress featuring Cassy. Go to Pen




Box Globe


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 Engine


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