RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
Text emphasized alt text example
Bad At CSS4 min read

WebDev Challenge - S2E2

showscss

What could you create if you had 30 minutes to plan and 4 hours to build? Me, Lane Wagner, Sarah Shook, Nikki Meyers, Shashi Lo, and Nick Taylor took on the Web Dev Challenge to find out.

They picked the Napoleon Dynamite thumbnail for Lane and I 🤣

The Challenge #

We lucked out and got a rad one.

Single player, multiplayer, cooperative, competitive, or something totally different — your challenge is to come up with something fun that is played across at least two devices.

Temporal’s workflow tools will allow you to manage sending information between devices dependably.

Lane and I def leaned into the "fun" portion of the challenge.

We chose to try a game that uses the camera video stream API to feed faces to Media Pipe (locally running a face detection machine learning model) to flap a bird's wings in a flappybird-like game.

A Temporal workflow will capture the game round and let us see all the player moves.

At least that's what we planned on…

😅

The Teams #

These were the lovely folks I got to spend 4 hours with:

  1. Sarah Shook && Nikki Meyers
  2. Shashi Lo && Nick Taylor
  3. Lane Wagner && I

The Tools #

Temporal was pretty cool, but as you'll see in the video… we um, didn't figure that out til a bit later.

I did get the pleasure to use a BenQ RD280U tho.

The 4k 3:2 matte UHD display was really nice. They say it's made for coding, and I see what they mean.

Plus, HDR content is awesome, and I could capture high quality UI captures and place lots of windows around.

I got to take one home and try it out. It's light years ahead of the one I had before.

The arm is super strong. There's tons of charging ports. It's a really great product.

3D Bird #

Here's that 3D bird Codepen that's featured in the episode.

The Results #

There were no winners or losers!

We all had a blast; I'm lookin forward to seein the YouTube comments, maybe a 3D bird joke or two.

4 mentions #

48likes
2reposts
  • Felix
  • GENKI

Join the conversation on

we really put the "face" into "interface" didn't we? lol
Adam ArgyleAdam Argyle
Silent 't' makes it... innerface :-)
I love how the video is about making a flappy bird game, but the vibe of the photo is like "you just walked into the wrong neighborhood" ????
Jamie MasonJamie Mason