I Made A Browser Game
Вставка
- Опубліковано 6 чер 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?
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.
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!
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.
"Match the digital clock to the analogue clock" im gonna eat you
just got there in the game, those seconds are evil.
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.
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
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.
Aren't all web projects just 70% banging your head against css?😇
Gotta love it
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.
This would be a great addition to Kitboga's scammer trap
Got to shopping on mobile, but it wouldn't let me drag stuff around, fun concept!
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
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!
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!
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 all the custom art assets you made for this!
FINALY, I was looking for one of these.
love the video and project! Really creative.
Keep up the amazing work and you'll definitely make it big ❤
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!
Awesome video and an awesome game idea. Your content is really underrated! Keep it up!
You just made my fream game! Really cool 😊
this is crazy underrated, keep up the good work!
Thanks for clarifying the military time thing, now I can actually play the gaddang game!
" You beat A Very Normal Captcha Game in 1 minutes, 44 seconds, and 350 milliseconds. "
cool game
I just stumbled across your channel from UA-cam recommendations. Seems like I got a channel binge watch now
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 100% regret not playing it first 😅
Amazing video btw
you're mad talented. good job!
Loved the video and you editing style! Do you make anything else other than like websites. Like actual games?
Nice video! You deserve more subs!
happy 500 subs
this is somewhat underrated
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
The clock is very simple because you just need to write the current time that is displayed on the taskbar.
Woah! This is a really underrated account! Keep it up!!
Thank you!
I really like the game! great editing and great job!
I beat the game in in 4 minutes 18 seconds 😎
For css, you may wanna do * { box-sizing: border-box; } (and optionally set padding snd msrgin to 0). That may help some layout issyes :)
Well fucking done! Amazing video, kinda surprising you dont have many subs. Keep up the good work man!
As a person who uses "military" time, I also consider it normal time. And I'm the 108th subscriber.
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 :)
Tried to do a fast run, got 1:20:617 (~1m 21s)!
Also thought the margarita thing was a bug haha
You blew up! Have fun being selected by the UA-cam algorithm :)
Love the sparrow avatar
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
Thanks!
Wow, underrated
Good job man 😊
Thanks :)
Thank you for this amazing game (I have lost 6 minutes of my life but this 6 minutes was delicious)
Good work!
Thanks!
goeie video man!
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
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
This game makes me inranged
Good one!
Thanks!
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
fire video under rated ash
Thanks for watching :)
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.
3m 21s 752ms - I am proud to help you train your AI 🫡
nice!!!
Spoiler warning
The clock was the hardest one lmao but it was easier when I realized it's set to the real time.
so much skill issues but you still did good job thats how you get better
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 :)
Unrelated but I like your accent!
im having some type of bug where, even though i add everything on the shopping list to the cart, nothing happens.
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 :)
Yoooo I'm the 1k like!!! Amazing video btw!
You inspired me
I once got stuck on a captcha for _literally_ 15 minutes while trying to create and itch io account
Heads up, the grocery doesn't work on edge.
Recommendation gold and that sweet dutch accent 😅
Oh BTW, don't touch the safe's numbers until you know the ode, else you'll get softlocked.
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!
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
Thank you, UA-cam, for recommending me this video ❤
Thanks for watching :)
I beat A Very Normal Captcha Game in 7 minutes, 37 seconds, and 54 milliseconds. (First try)
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.
I got to the clock captcha, but I am too drunk to pass it, so I gave up.
Make it so that pot falls down and breaks if it falls off the table
the store broke on me on firefox, couldn't progress, still cool tho
fun
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
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)
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.
Does that one pixel count?! What about the shadow?! The pole the traffic light is on?
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
the clock one just straight up didn't work for me
Playing it on mobile in chrome, idk if I did it wrong but it never got past the words captcha
If captchas were WarioWare
What has the algorithm concocted this time
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.
pretty great! i did the captcha first and i got 4 minutes... i think im a bit slow
Get Groceries is broken on Firefox, at least for 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
Clicking is kind of broken on mobile, stuff gets dragged to the wrong place
1. of all the clock one if impossible bc the SECONDS change every "second" so you cant match the SAME one or u would need to speedrun
hi, how do i make a website?
the groceries one didnt work, but good job
yeah some error at line 699
6:32.794 first attempt (before watching video)
Kinda broken in some places on mobile, but works well enough