★ 13 games livev2.0 · built with YogiTap Yogi!
Yogi Labs · Family game lab

Builtwith Yogi.

RL, IS and MJ dream up the games. Yogi runs the lab. Pick a game and play it right here, on the iPad, the computer or the TV.

Play our gamesPeek inside the lab
Woof!
13games you can play
3game designers
1very good boy
0times Yogi got petted
The arcade

Games we made

Every game here was dreamed up by the crew. Tap one to play.

Inside Yogi Labs

The lab, live

This is where the crew builds. Each designer has a station, Yogi runs the main screen in his lab goggles, and the server ships every finished game.

BUILD #128 · PASSED ✓ YOGI · LAB LEAD RL station 1 · platformers IS station 2 · design + music MJ station 3 · fighters + robots yogilabs.dev JP idea.txtdragon egg! 🐉 tests42 / 42 ✓
station 1RLPlatformers, worlds and bosses
station 2ISPhones, design and music games
station 3MJFighters, robots and big moves
opsJP + YogiBuilds, tests and ships to yogilabs.dev
The system

How a game gets made

Every game travels down the same pipeline, from a wild idea to a game you can play on any screen.

1

Dream it

A designer shouts an idea. Dragons, aliens, a laundry king.

voicesketches
2

Build it

Yogi's lab turns the idea into real code: HTML, CSS and JavaScript.

ClaudecanvasJS
3

Test it

A robot plays every level, checks for bugs and takes screenshots.

test botscreenshots
4

Ship it

Saved with a version, so we can always roll back, then published.

versionsyogilabs.dev
5

Play it

Fills the whole screen on the iPad, the computer or the TV.

iPadcomputerTV
FrontThe gamesEach game is one web page that runs in any browser.games.yogilabs.dev
EdgeThe deliveryA fast network sends the games to every screen, close to where you are.Cloudflare
NextScores and playersComing soon: nicknames, high scores and two-player over Wi-Fi.api + db
Roadmap

Where the lab is going

From browser games to the app store. Scroll sideways to see the whole road.

  1. Done

    First games

    13 browser games built and playable.

  2. Done

    Big upgrades

    Mom 2 the Rescue! platformer, neon Bubble Buddies and Phone Party.

  3. Now

    Yogi Labs site

    One home for every game, on yogilabs.dev.

  4. Next

    Scores + nicknames

    High score boards for every game.

  5. Next

    Two-player online

    iPad vs computer, then friends over the internet.

  6. Later

    3D games

    Real 3D worlds built in a game engine.

  7. Later

    App stores

    Our games on phones and tablets everywhere.

Martial arts

The road to black belt

Everyone in the crew trains. Here's where each of us is on the road right now.

Kids beltsAdult belts
The crew

Meet the crew

Three game designers, one lab lead and one very good boy.

RLRL
Game designerGrey belt

Made Mom 2 the Rescue!, Feather Dash, Bubble Buddies, Style Star, Shoetastic, Porky's Pizza, NEON//COIL and Dragon Riders 3D.

ISIS
Idea makerWhite belt

Came up with Phone Party and Dance Tiles, plus two-player games for the iPad and the computer.

MJMJ
Game designerWhite belt

Dreaming up Monster Smash: goo fighters, robots that burst into gears and huge special moves.

JPJP
Lab leadCoach

Runs the servers, tests the builds and coaches the crew on the mat.

Yogi
MascotChief morale officer

Approves every game. Accepts payment in belly rubs.

Friends

Friends wall

Shout-outs to our crew. Nicknames only.

Crew rule: ask first

  1. Ask your friend if they want to be on the wall.
  2. Ask their mom or dad too.
  3. Nicknames or initials only. No real names.
  4. No faces, schools or addresses.

Practice spot. Stickers only show on this screen and disappear when you leave.

Behind the scenes

How it's built

Every website is made of three things. Here's real code from this page.

yogilabs.dev/index.html