Skip to main content
Zubin KhavarianZubin Khavarian

Projects

Educational games and tools you can open in the browser.

  • Typo's Voyage

    Typo rows a boat through tropical water and types words to clear mines and other obstacles on a voyage to get faster. I led the 3D team at edclub that built it. Built with Three.js.

  • Keyboard Express!

    You type the words on the track before the train hits them and try to bring every wagon of cargo to the finish. Built with React Three Fiber and Three.js.

  • Organize It!

    You look around a messy 3D bedroom, living room or classroom, pick up each thing that's out of place and drop it where it belongs. Every object has its own narration, and a hint shows up when you get stuck. I led the 3D team at edclub that built it. Built with React Three Fiber and Three.js.

  • Typewriter

    You learn to type on a 3D typewriter. Every key prints on the paper, the carriage steps along, the bell rings near the margin and Return throws the carriage back. Type on a modern golf-ball machine or a vintage one whose typebars swing up to the paper. I built it on my own for edclub. Built with React Three Fiber and Three.js.

  • Sketchy Space Attack

    Doodles on a notebook page carry words, and typing a word shoots it down before it reaches your ship. Spiders, darts and a three-word boss come down the page, drawn with hatching and wobbly ink, on notebook, chalkboard or blueprint paper. I built it on my own for edclub. Built with Three.js.

  • connect-it

    You place timers, QR codes, logic gates, displays, and music nodes on a canvas and draw wires between them. Values update on the edges as you edit. An extensive node library helps you find nodes and learn about each, and a starter template library comes with it. Inspired by Austin Griffith's eth.build, which I still think is amazing. Built with React Flow.

  • roll-it

    WASD rolls a ball over floating tile islands while you collect gems. Rapier runs the physics. A sketch shader inks the world. When the ball rolls behind a wall or a tree, that scenery turns see-through. Built with React Three Fiber and Three.js.