I Made A Browser Game
HTML-код
- Опубликовано: 29 май 2024
- 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
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
Wow, I’m glad to see you improving on the game🤩
And yeah, it does work pretty wonky on mobile
134 subs? Underrated man.
:)
Don’t love css just use tailwind
Class= “ flex w-1/2”
Bam all done
How does the clock captcha work? Do you really need to time the second?
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 👍
Thank you so much, it means a lot!
"Match the digital clock to the analogue clock" im gonna eat you
just got there in the game, those seconds are evil.
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.
Definitely got stuck on the clock and came back here to see the rest lol. This is such a fun project idea!
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.
@@ScypekThe time is based off system time
@@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.
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
I hate that chicken. It's so easy to overfeed it, it's crazy.
the quiz is kinda funky on firefox but its still fun well done!
Sorry about that! Thanks for playing :)
It's a little tough on chrome on mobile too, but I had fun!
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.
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
Aren't all web projects just 70% banging your head against css?😇
Gotta love it
This would be a great addition to Kitboga's scammer trap
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.
Got to shopping on mobile, but it wouldn't let me drag stuff around, fun concept!
" You beat A Very Normal Captcha Game in 1 minutes, 44 seconds, and 350 milliseconds. "
cool game
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.
Am I the only one who had no trouble shopping on Firefox?
@@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
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 😅
Thanks for giving it a try :)
@@clumsyjackdaw it was funsies!
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!
The clock is very simple because you just need to write the current time that is displayed on the taskbar.
I love all the custom art assets you made for this!
this is somewhat underrated
love the video and project! Really creative.
Keep up the amazing work and you'll definitely make it big ❤
I 100% regret not playing it first 😅
Amazing video btw
Loved the video and you editing style! Do you make anything else other than like websites. Like actual games?
Awesome video and an awesome game idea. Your content is really underrated! Keep it up!
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!
this is crazy underrated, keep up the good work!
Thanks for clarifying the military time thing, now I can actually play the gaddang game!
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.
I just stumbled across your channel from RUclips recommendations. Seems like I got a channel binge watch now
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!
Woah! This is a really underrated account! Keep it up!!
Thank you!
You just made my fream game! Really cool 😊
Tried to do a fast run, got 1:20:617 (~1m 21s)!
Also thought the margarita thing was a bug haha
Heads up, the grocery doesn't work on edge.
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
you're mad talented. good job!
I really like the game! great editing and great job!
I beat the game in in 4 minutes 18 seconds 😎
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 👍👍👍
Thanks, I appreciate it :)
Well fucking done! Amazing video, kinda surprising you dont have many subs. Keep up the good work man!
Nice video! You deserve more subs!
happy 500 subs
i would pay a million dollars just to learn your skills at javascript and css
Thanks for watching!
@@clumsyjackdaw Np :)
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!
The Password Game trained me well... (my PB as of writing this is 58.930 s)
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 ?
@@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)
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
@@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
For css, you may wanna do * { box-sizing: border-box; } (and optionally set padding snd msrgin to 0). That may help some layout issyes :)
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
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
As a person who uses "military" time, I also consider it normal time. And I'm the 108th subscriber.
im having some type of bug where, even though i add everything on the shopping list to the cart, nothing happens.
Oh BTW, don't touch the safe's numbers until you know the ode, else you'll get softlocked.
Spoiler warning
The clock was the hardest one lmao but it was easier when I realized it's set to the real time.
I got to the clock captcha, but I am too drunk to pass it, so I gave up.
Thanks!
Love the sparrow avatar
You blew up! Have fun being selected by the RUclips algorithm :)
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.
Unrelated but I like your accent!
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
Good job man 😊
Thanks :)
I beat A Very Normal Captcha Game in 7 minutes, 37 seconds, and 54 milliseconds. (First try)
This game makes me inranged
Good work!
Thanks!
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
Thank you for this amazing game (I have lost 6 minutes of my life but this 6 minutes was delicious)
3m 21s 752ms - I am proud to help you train your AI 🫡
Make it so that pot falls down and breaks if it falls off the table
awesome game! for some reason the end screen didn't show up, but this was fun nonetheless. earned a sub from me :)
Thank you so much! Glad someone actually played and enjoyed it :)
Recommendation gold and that sweet dutch accent 😅
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 :)
goeie video man!
Good one!
Thanks!
I once got stuck on a captcha for _literally_ 15 minutes while trying to create and itch io account
fire video under rated ash
Thanks for watching :)
Does that one pixel count?! What about the shadow?! The pole the traffic light is on?
Wow, underrated
so much skill issues but you still did good job thats how you get better
nice!!!
If captchas were WarioWare
Yoooo I'm the 1k like!!! Amazing video btw!
the groceries one didnt work, but good job
yeah some error at line 699
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.
You inspired me
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
Thank you, RUclips, for recommending me this video ❤
Thanks for watching :)
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.
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
hi, how do i make a website?
6:32.794 first attempt (before watching video)
Kinda broken in some places on mobile, but works well enough
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
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)
Clicking is kind of broken on mobile, stuff gets dragged to the wrong place
What has the algorithm concocted this time
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.
Playing it on mobile in chrome, idk if I did it wrong but it never got past the words captcha
So I tried to speedrun this game and got down to a time of 1:36.142 (footage available on my channel). It is still vastly improvable, especially the clock part (try running it at 08:08 or 20:08) - maybe with good RNG at the end, sub-1 minute is possible !
During some of my attempts I got the unfortunate double sugar in the groceries - this makes the run impossible, as the second sugar is fully hidden by the list. Could you make sure the grocery list never contains two sugars ?
Great time! That's better than my pb. Also, the list is draggable, just make sure you drag it ontop of the shelf area ;)
@@clumsyjackdaw Oh, thanks for the tip !
fun
This is making me happy i didnt learn front end webdev
the store broke on me on firefox, couldn't progress, still cool tho
the clock one just straight up didn't work for me
Get Groceries is broken on Firefox, at least for me.
pretty great! i did the captcha first and i got 4 minutes... i think im a bit slow