Ondřej Žára

About

JavaScript developer, living in Prague, Czech Republic. Currently employed by Seznam.cz.

Interested in my résumé? Try the GitHub version as well.

Games

Name	Description	Technologies	Source
Railroad Ink	TypeScript port of a board game by Horrible Games.	TypeScript
The Curse of the General Sibling Combinator	My 7DRL 2019 (7-day roguelike contest) game. A semi-playable roguelike implemented only in CSS. Coffeebreak length.	CSS, PHP
Sleeping Beauty	My 7DRL 2017 (7-day roguelike contest) game. A somewhat polished roguelike based on a traditional story and a new-ish combat mechanic. Coffeebreak length.	rot.js
Café Havoc	My 7DRL 2016 (7-day roguelike contest) game. A rather traditional roguelike with an unorthodox story/setting. Coffeebreak length.	rot.js
Warden's Duty	My 7DRL 2015 (7-day roguelike contest) game. Lacks the traditional roguelike map and features over-sized ascii glyphs. You cannot really win this game, but you can try to get deeper than others.	rot.js
Goldfish	My 7DRL 2014 (7-day roguelike contest) game. Playable, winnable, losable. Features colorful and aesthetic maps, aquatic fauna and fishermen!	rot.js
Custom Tetris	My take on the GitHub Game Off 2013 contest. Modular Tetris game that offers configurable sides and multiplayer.	Firebase
The Conception	My 7DRL 2013 (7-day roguelike contest) game. Contains hexagons. And chlamydia. And much more.	rot.js
The Royal Wedding	Another coffebreak roguelike – with story, lighting, zombies and (sometimes) lutefisk!	rot.js
Star Wars Miniature	My take on the GitHub Game Off 2012 contest.	rot.js
RailRL	Small testbed game: hexes, trains, procedurally generated terrain.	rot.js
Drago	HTML5 remake of an old game by Blue Byte Software. Fully playable with cool graphics, animations, sounds and music!	HAF
CSS Blockout	3D Tetris (Blockout) implemented using CSS 3D transforms. Submitted as a demo to Mozilla Dev Derby. Works correctly only in certain Browser/OS/HW combinations.	CSS 3D
Rubik's cube	Rubik's cube implemented using CSS 3D transforms. Submitted as a demo to Mozilla Dev Derby. Works correctly only in certain Browser/OS/HW combinations.	CSS 3D
Clickmania	JS port of a well-known time-killer.
Just Spaceships!	Space shooter game: canvas, sounds effects, animated sprites, AI, websocket-based multiplayer! A presentation documenting the development process is available for online viewing.	HAF, WebSockets, TeaJS
Atoms	Traditional "atoms" game, well-known from Windows 3.1. Up to four players; local play with bots, multiplayer using Firebase.	Firebase
Geometry Wars	Multiplayer-only game, implemented using WebSockets. Score by drawing longest line; block enemies by placing circles.	WebSockets, TeaJS
Brain Defense	Zombies & lasers. What could go wrong? (Non-obsolete browser required.)	HAF
Rogue Zombies	Coffeebreak roguelike game. Warning: they will get you.
js-like	JavaScript roguelike, heavily inspired by ADOM.

Projects

Name	Description	Technologies	Source
HITMAN	Html Infrastructure for Turing Machine ANalysis.	Web Components
Chords	Small library for exploring, rendering and working with chord layouts.	TypeScript
<x-range>	Styling-friendly replacement for <input type=range>	Web Components, CSS Custom Properties
CYP	A web-based MPD frontend with Youtube-dl integration.	NodeJS, ES2015+
ws2mpd	WebSocket–MPD bridge	NodeJS
maslo	Scalable Markdown-based HTML slide deck. Watch the sample presentation to see its features.	Markdown, CSS Custom Properties
CFO	A two-pane multi-platform file manager.	Electron
Pandoc filters	Small filters for Pandoc: pandoc-dot, pandoc-code-file, pandoc-vlna	node.js
primitive.js	JavaScript port of the primitive.lol image vectorization bruteforcer.
elm-irc	Elm IRC client library, written for Elm 0.17.	Elm, WebSocket
mp	Hybrid music player for desktop and the Web. Uses web APIs to play and visualize music.	Web Audio API, 2d canvas, ArrayBuffers, ES 2015, Babel 6
iv	Image Viewer for nw.js and Electron. Unfinished due to poor image loading performance.
<instant-button>	Instant Button Web Component. Colorful. Does sound FX!	Web Components
<fix-me> & <to-do>	Semi-serious Web Components	Web Components
My Mind	Online Mindmap editor, featuring variable layouts, (computed) values, storage to Firebase/GDrive and much more.	Firebase
ie8eventtarget	EventTarget polyfill for IE8, with complete capture support, MouseEvent and CustomEvent.
promise.js	A tiny browser-based implementation of the "Promises/A+" spec. Passes all tests (using a tiny mocha2jasmine adapter).
JS Style Badge	Create your own JS signature, based on your coding preferences.
rot.js	ROguelike Toolkit, written in JavaScript. Cool dungeon-related stuff, interactive manual, documentation, tests!
HAF	HTML5 Animation Framework is used to orchestrate complex canvas-based rendering projects, such as Brain Defense or Just Spaceships. It can be also used to perform several benchmarks and generally experiment with HTML canvas.
TeaJS	Multi-purpose wrapper around V8 JS engine. Rich set of libraries included, including DB access, POSIX + Web Sockets, Apache module, …	V8, C++
Slides	Yet another HTML/JS presentation system.
WWW SQL Designer	Online tool for designing relational database schemas. Features schema saving, exporting to xml and sql script creation.
Gallery	Personal photogallery.
Cookbook	Written in PHP, uses MySQL database backend. Contains over 250 recipes.
oz.php	Tiny PHP framework for rapid application development.
SZ Showcase	A selection of photos taken in Sluneční zátoka.
Sluneční zátoka	Photos from traditional children summer camp with long history and unique atmosphere. Years 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, and 2013.
Fire Commander	Traditional two-pane file manager, implemented as Firefox extension / XUL application.
Syntax	Tiny syntax highlighter.

Demos & Experiments

Name	Description	Technologies	Source
Browsershot	Utility library for programmatic screenshots via getDisplayMedia.	JavaScript
<ex-ample>	Custom HTML Element for interactive HTML/JS code samples.	Web Components
Turtles	Cute CSS animation	CSS	CodePen
Dragons	Web-based version of Twenty generations of dragons (an aesthetic rendering of multiple dragon curves)	2d canvas
Numberwang bot	Plays the famous Numberwang game on Twitter	node.js, Twitter API
ws2irc	Tiny WebSocket ↔ IRC bridge	node.js, WebSocket
es6-boilerplate	Skeleton code for es6-based projects. Uses LESS, Babel 6, Make and inotify.	ES 2015, Babel 6
elm-slides	Simple slide deck written in Elm.	Elm
Shooting the π	Monte Carlo method for π approximation. Made for the 2016 pi day.	2d canvas
oscope.js	JavaScript oscilloscope. Configurable, supports various input types, has XY mode.	Web Audio API, 2d canvas
Rect-to-Polar converter	Converts panoramic pictures into tiny planets	2d canvas
WebGL Fireworks	WebGL + Web Audio API = awesome sound-driven fireworks!	WebGL, Web Audio API
Photo Editor	Basic photo adjustments using Web Workers. No server-side necessary. Load, adjust, crop, save, profit :-) Submitted as a demo to Mozilla DevDerby.	Web Workers
Hash Bruteforcer	Computes MD5 and SHA1 hashes using Web Workers. Submitted as a demo to Mozilla DevDerby.	Web Workers
Pure CSS slides	A non-JavaScript experiment: fully featured presentation system, using only HTML + CSS.	No JS
Collaborative Draw	WebSockets used to share drawing area. Support for lines, text and images.	WebSockets, TeaJS
Harmoniums of Mercury	Semi-interactive homage to Kurt Vonnegut.	WebGL
Space-filling curves	Recursive implementation of Peano/Hilbert curves, using canvas transformations.
a-g-e	Adventure Game Engine, suitable for playing interactive gamebooks. Sample adventure, Limonádový Joe
Coral generator	Based on certain Game of Life rules; requires Web Workers.	Web Workers
Worms	Canvas-based worm simulation.
Canvas-based e-mail hash	Visualizing e-mail addresses using various algorithms.
Canvas fireworks	JavaScript fireworks using elementary mechanics, <canvas> and <audio> tags.
Compression benchmarks	Trying to compress JSON with algorithms implemented in JS.
Canvas maze	Produces a perfect maze and finds the path between two corners. In perfect maze, every two cells are connected with exactly one path.
Web Worker Fractals	Interactive fractal drawer. Uses <canvas> and Web Workers (processing in multiple threads). Both Julia and Mandelbrot sets are supported. Submitted as a demo to Mozilla DevDerby.	Web Workers
Derivation Captcha	An accessibility experiment.	PHP
HEX	Creates SVG maps for "Expres" game (Dampfross, Railway Rivals).
Sun	Interactive SVG Sun, logo for Sluneční zátoka.
Sudoku solver	I wrote three Sudoku solvers. This one is fastest, featuring some optimizations in addition to brute force.

Talks

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2008

Writings

Old stuff