I Made A Browser Game

How I made a browser game called A Very Normal Captcha Game using HTML, CSS, and JavaScript.
Play the game here:
www.clumsyjackdaw.com/a_very_...
My website: www.clumsyjackdaw.com/
My mods: next.nexusmods.com/profile/cl...
Timestamps:
Intro: 00:00
I am not a robot: 01:05
Type Word Captcha: 03:31
Image Captcha: 04:08
Clock Captcha: 05:09
Find the bird Captcha: 06:02
Package Captcha: 07:33
Store Captcha: 08:59
Safe Captcha: 11:24
Mystery Captcha: 12:36
MY EVIL MASTERPLAN: 13:09
Watch next: 14:05

[@clumsyjackdaw]

Hi everyone, thank you so much for watching and playing the game! I just made some changes so it should now be playable on mobile, but it will still look a bit wonky (It might also look a bit weird on firefox) The store captcha might not work, I fixed it but it can take a while before that actually shows up on the website

[@fullfungo]

Wow, I’m glad to see you improving on the game🤩 And yeah, it does work pretty wonky on mobile

[@DemonPig666]

134 subs? Underrated man.

[@rafi-leigh]

:)

[@dominiccogan945]

Don’t love css just use tailwind Class= “ flex w-1/2” Bam all done

[@JackTheOrangePumpkin]

How does the clock captcha work? Do you really need to time the second?

[@martinrocket1436]

4:20 “i know you didn't play it before watching the video” I spent above eight minutes. Please appreaciate that I'm not a robot.

[@pialba]

At least it didn't ask me to solve a Geoguessr, a chess puzzle, and come back every minute to feed a chicken (yes i have password game trauma). I honestly expected it to be harder but otherwise, fun game ! I enjoyed the clock and groceries challenge (final time on first try : 7:02.746) Edit : after some speedrun attemps I managed to get a time of 1:26.182 (still far from perfect). 1:10 looks doable if you get the rock paper scissors win first try, sub-1 minute seems far but who knows what speedrunners are capable of Edit May 18 : new PB is 1:10.063, and apparently sub-1' has already been done

[@ArtificialDjDAGX]

I hate that chicken. It's so easy to overfeed it, it's crazy.

[@spangery7215]

Good original humor, relatable frustrating situations and jokes and I really like the pigeon. You've sold me, cant wait for the next vid, keep it up 👍

[@clumsyjackdaw]

Thank you so much, it means a lot!

[@meqativ]

"Match the digital clock to the analogue clock" im gonna eat you

[@AlastorFan5900]

just got there in the game, those seconds are evil.

[@rmignon]

Definitely got stuck on the clock and came back here to see the rest lol. This is such a fun project idea!

[@Scypek]

It was less getting stuck and more like a ragequit. Just NOT resetting the digital clock after the failed attempt would fix it entirely, probably. But having to guess what the minute hand is pointing at, perfectly time the second hand, AND toss a coin to decide whether the analog clock is showing AM or PM, before having to fiddle with all of the tiny red stripes all over again when you inevitably fail? Good job making a game, but this is where it ends for me.

[@6_Black_Bird_6]

@@ScypekThe time is based off system time

[@Scypek]

@@6_Black_Bird_6 It was identical to my own clock the entire time?! Alright, that's on me for not noticing. Well played. Next up, I had some trouble with the shopping list obscuring sugar and the captcha struggling to correctly count sodas, but other than that it was flawless.

[@officialcbyt]

This was really fun! I beat it in 8 minutes but that time was because I was waiting for the clock to be exactly 14:50:00 instead of just being smart and doing the current time

[@crumpetalpaca]

the quiz is kinda funky on firefox but its still fun well done!

[@clumsyjackdaw]

Sorry about that! Thanks for playing :)

[@jajararakoi8000]

It's a little tough on chrome on mobile too, but I had fun!

[@somdudewillson]

I have a confession: For the 'find the bird' challenge, I thought it was a trick and the bird I was actually looking for was the one in the title. As I immediately went to play the game when told to, I hadn't actually read your channel name yet, so... I reverse Google image searched. Yes - I, the _human,_ went to the _AI_ to be able to solve the captcha.

[@SashoSuper]

Finally, the captcha game, I don't know why nobody has done it before, they are actually pretty fun, when it does not fail you for the most random ah reasons every time you try to log in somewhere.

[@vildis.]

This would be a great addition to Kitboga's scammer trap

[@smokeyhamm6491]

Aren't all web projects just 70% banging your head against css?😇 Gotta love it

[@MudakTheMultiplier]

Got to shopping on mobile, but it wouldn't let me drag stuff around, fun concept!

[@opposite342]

" You beat A Very Normal Captcha Game in 1 minutes, 44 seconds, and 350 milliseconds. " cool game

[@DJL_Pass]

I tried it on firefox first but after finishing the shopping section list it would just not continue for some reason, so I went and played it on chrome and beat it :) I beat A Very Normal Captcha Game in 2 minutes, 34 seconds, and 213 milliseconds.

[@joshuan.]

Am I the only one who had no trouble shopping on Firefox?

[@DJL_Pass]

@@joshuan. I just tried it again now and it worked fine, either they've fixed it or my computer just wasn't working right the other day lol

[@leirumf5476]

Can't wait to open that website from my phone and see how everything breaks (I don't think it'll break, but if it does... It'd be funny) Yup, fell flat in the pick the photos one, and apparently I am a bot cuz I couldn't get past the clock one 😅

[@clumsyjackdaw]

Thanks for giving it a try :)

[@leirumf5476]

@@clumsyjackdaw it was funsies!

[@MafedsJ]

this is somewhat underrated

[@jideongab-le6760]

Thanks for clarifying the military time thing, now I can actually play the gaddang game!

[@Skytronics_skytro]

I love this dude, just found you, but i alredy love it, this Humor is the one i need, keep it up dude, you are amazing!

[@DaniDipp]

I love all the custom art assets you made for this!

[@Eli_Styrene-butadiene]

This was really fun, quite clever. The only part that I really had trouble with was the clock part. Having to match up the seconds exactly was pretty difficult.

[@CharmCorgi]

The clock is very simple because you just need to write the current time that is displayed on the taskbar.

[@dubaja]

I 100% regret not playing it first 😅 Amazing video btw

[@jasger_]

Awesome video and an awesome game idea. Your content is really underrated! Keep it up!

[@ackbar2868]

love the video and project! Really creative. Keep up the amazing work and you'll definitely make it big ❤

[@TehNitro]

this is crazy underrated, keep up the good work!

[@Colinetic]

This is awesome! I beat the game in under 5 minutes my first attempt. Will be subscribing to see what you make next! Keep up the good work!

[@AxolotlGuy7]

FINALY, I was looking for one of these.

[@Eniti-]

I just stumbled across your channel from KZbin recommendations. Seems like I got a channel binge watch now

[@JesseBadut14]

Woah! This is a really underrated account! Keep it up!!

[@clumsyjackdaw]

Thank you!

[@siliconsulfide8]

Tried to do a fast run, got 1:20:617 (~1m 21s)! Also thought the margarita thing was a bug haha

[@technykgs]

Nice video! You deserve more subs!

[@fruit.7868]

you're mad talented. good job!

[@TheRealMangoDev]

happy 500 subs

[@sylvan-tomfoolery]

Just played it! That was fun. I almost quit at the clock until I thought to try "military time." That's how you know I didn't cheat and watch the video first ;D

[@XceptionalBro]

Your code reminds me to mine when I started coding hahahaha it took me a while to get css, but when you get the gist of it it gets easy. Great video!

[@wervicecoding]

You just made my fream game! Really cool 😊

[@ali_the_maze_master]

I really like the game! great editing and great job!

[@ali_the_maze_master]

I beat the game in in 4 minutes 18 seconds 😎

[@petrblue]

Well fucking done! Amazing video, kinda surprising you dont have many subs. Keep up the good work man!

[@glowblock6477]

The Password Game trained me well... (my PB as of writing this is 58.930 s)

[@pialba]

Wow, I didn't expect sub-1 minute to be broken this quickly, well played ! (my PB as of writing this is 1:10.063) Out of curiosity, do you have footage ?

[@glowblock6477]

@@pialba i do not but ill record once i play it again although one person from password game speedrunning community already got 52 sooo... yeah (also without footage sadly)

[@glowblock6477]

also im really curious whether this is actually possible to beat faster than current password game wr (24s) because im almost sure it is not

[@pialba]

@@glowblock6477 Given you have to wait at least 3 seconds on the first "I'm not a robot" captcha, two seconds on the safe to open and five seconds to get the RPS result, 24s seems hard

[@exyst.]

i dint usually comment on videos, but this video was so good i had to comment on it. im suprised you only have 50 subs keep going man i really enjoyed this video 👍👍👍

[@clumsyjackdaw]

Thanks, I appreciate it :)

[@PJM257]

You said this was buggy on Firefox and on mobile. Guess what browser I use. Yep, the mobile version of Firefox. The main problem I found was that drag and drop is just...wrong. However, the game is still playable and I managed to get through it without watching the video. I certainly hope that the clock one doesn't show up as a real captcha anytime soon lol

[@tomchapman128]

For css, you may wanna do * { box-sizing: border-box; } (and optionally set padding snd msrgin to 0). That may help some layout issyes :)

[@jideongab-le6760]

Heads up, the grocery doesn't work on edge.

[@matt.w]

As a person who uses "military" time, I also consider it normal time. And I'm the 108th subscriber.

[@user-uz7cv7uf2o]

Loved the video and you editing style! Do you make anything else other than like websites. Like actual games?

[@RadioactiveBluePlatypus]

Spoiler warning The clock was the hardest one lmao but it was easier when I realized it's set to the real time.

[@stellarx20]

4:20 I did play it before watching and proceeded to skip to the clock section hoping there was some secret trick to get around having to enter s e c o n d s

[@Xayles_]

i would pay a million dollars just to learn your skills at javascript and css

[@clumsyjackdaw]

Thanks for watching!

[@Xayles_]

@@clumsyjackdaw Np :)

[@teamredstudio7012]

Just keep trying, you'll get there! Start coding and make something you're passionate about and you'll become experienced before you know it!

[@dodo1040]

Good work!

[@clumsyjackdaw]

Thanks!

[@thiagof414]

Thanks!

[@jideongab-le6760]

Oh BTW, don't touch the safe's numbers until you know the ode, else you'll get softlocked.

[@jubihugo]

I beat A Very Normal Captcha Game in 7 minutes, 37 seconds, and 54 milliseconds. (First try)

[@Flame_Core_Online]

goeie video man!

[@mrdavi5064]

Good job man 😊

[@clumsyjackdaw]

Thanks :)

[@whenjasonwasatdatableikept1377]

this is cool. its kinda like something i made for april fools. but mine was a satirical parody of google's captcha and is intentionally frustrating and never works.

[@I_SEE_RED]

Love the sparrow avatar

[@LeoMakesStupidThings]

This game makes me inranged

[@arthmazurega]

nice!!!

[@yashkumarsingh]

Good one!

[@clumsyjackdaw]

Thanks!

[@DemonPig666]

Wow, underrated

[@peaktheweak]

fire video under rated ash

[@clumsyjackdaw]

Thanks for watching :)

[@doraexplarora]

You blew up! Have fun being selected by the KZbin algorithm :)

[@a_puntato29]

i just realized the clock is set to my actual time. so it's the afternoon. i was about to complain about how there's no way of knowing if it's am or pm for 24 hour time and im gonna kms

[@omiraclx]

when grocery shopping, if you click on the item, it strikes it out but doesn't count to a win, and you cannot undo it. had to restart

[@contomoth6025]

im having some type of bug where, even though i add everything on the shopping list to the cart, nothing happens.

[@Yuri_the_Dragon]

If captchas were WarioWare

[@nattivl]

I got to the clock captcha, but I am too drunk to pass it, so I gave up.

[@sliver2227]

awesome game! for some reason the end screen didn't show up, but this was fun nonetheless. earned a sub from me :)

[@clumsyjackdaw]

Thank you so much! Glad someone actually played and enjoyed it :)

[@archivushka]

Make it so that pot falls down and breaks if it falls off the table

[@SilvisN]

Thank you, KZbin, for recommending me this video ❤

[@clumsyjackdaw]

Thanks for watching :)

[@hiroznkkj]

You inspired me

[@U20E0]

I once got stuck on a captcha for _literally_ 15 minutes while trying to create and itch io account

[@csiguszfoxoup]

fun

[@zskull162]

Unrelated but I like your accent!

[@IAhmadGT]

Yoooo I'm the 1k like!!! Amazing video btw!

[@sebiai6161]

3m 21s 752ms - I am proud to help you train your AI 🫡

[@hexxt_]

so much skill issues but you still did good job thats how you get better

[@Starwort]

6:32.794 first attempt (before watching video) Kinda broken in some places on mobile, but works well enough

[@venedem]

Thank you for this amazing game (I have lost 6 minutes of my life but this 6 minutes was delicious)

[@AKEditsAll]

the groceries one didnt work, but good job

[@undefined06855]

yeah some error at line 699

[@vekett8001]

This might be a little nitpicky but you could've made the combination lock code a bit cleaner, the numbers can flow over in one line of code if you just do Math.abs(value) % 10 Other than that, really great and funny game :)

[@kacperNFS]

the store broke on me on firefox, couldn't progress, still cool tho

[@BryanLu0]

Clicking is kind of broken on mobile, stuff gets dragged to the wrong place

[@blockshift758]

Does that one pixel count?! What about the shadow?! The pole the traffic light is on?

[@CatNap11888]

I tried to play it, but I quit on the clock one...I've never been good with military time or analog clocks...don't know why.

[@ritzcrayons5849]

Playing it on mobile in chrome, idk if I did it wrong but it never got past the words captcha

[@DoxxTheMathGeek]

I would've played it, but it's too laggy for me. It took like a minute to load the 9 pictures and didn't load the package thing at all. ;w; It was fun though. :3

[@smooshymemes]

What has the algorithm concocted this time

[@loomkkoom]

Recommendation gold and that sweet dutch accent 😅

[@NihongoWakannai]

This is making me happy i didnt learn front end webdev

[@Dravenick]

I got stuck on the second one because i was pressing the button. Got stuck on another one due to wrong format and got stuck while shopping for stuff because i was too busy with something else that i end up buying fries instead of pasta.

[@CakedPie]

pretty great! i did the captcha first and i got 4 minutes... i think im a bit slow

[@joosh.e]

the clock one is broken for me :( i put in the time (a few seconds ahead), wait for the right moment, hit enter, and it just resets the display

[@fullfungo]

I think the link might be broken. I opened it on my laptop and all I see is a light-blue background with absolutely nothing on screen. Although, when I reload, I can see something resembling a captcha for just a moment until it tries to load the page again. Did you remove the game? Edit: I tried it on my phone. It kinda works, but I cannot pass the “find the bird”. I don’t know if the notes are supposed to be movable, but it doesn’t seem to work on mobile. I will have to watch the video without ever playing it😭😭😭 Edit 2: Oops, apparently the bird captcha was not an accessibility problem, but rather a game design issue. Edit 3: Never mind. Apparently drag/drop action does actually work. But it requires unintuitive actions and it shows the “shadow” at a weird offset so that it’s almost off-screen (on my device). Btw, trying to drag the 2 pixels of sugar from behind the grocery list is so annoyinggggg. I’m not sure if it was intentional, but my fat fingers did not appreciate it. Despite the issues, it’s a really fun game. It does need some control hints though (and browser support)

[@svemunTheEmperor]

if i got a penny for every smal game developer youtube recomends med i would be rich.

[@petrblaha8806]

I cant get over the word Captcha. Every time I press enter it just resets, and there is no verify button so I don't know know to do.

[@loganjoy-koer5936]

Get Groceries is broken on Firefox, at least for me.

[@ph03beuwu]

i played until i got to the clock, that was literally impossible

[@nicolasdupouymanescau]

I'm stuck on the second one which is "type the two words". Im on phone. Whenever I press Enter on my keyboard it just resets the two words