Making a Video Game in a Browser's Tab Icon!
HTML-код
- Опубликовано: 5 июн 2024
- Making a Video Game in a Browser's Tab Icon!
Play the game here: mashpoe.github.io/favicon-din...
Game source code: github.com/Mashpoe/favicon-di...
Favicon editor: www.favicon.cc/
Defender of The Favicon: www.p01.org/defender_of_the_fa...
Bonus link: chrome.google.com/webstore/de... - Наука
We all know that somebody has to run Doom in favicon now...
Bad apple!!!...
@@mercury9641 The two constants of literally everything. Someone played DOOM and/or Bad Appple on it.
That's what I was gonna say
The person who tried that had a broken browser and a computer on fire.
@@mercury9641 YES
Now put 4D Miner in a favicon, that would work great!
just watched your video! very impressive stuff you've working on. seriously.
Eesh that would be hard
@@woegarden Lol you just exposed yourself as a bot
@@Over0w0MeAmTheHotel he isn't
@@ChrisGamer_E1 They are, they replied on this person’s comment saying that they love their videos but the guy that made the comment doesn’t even have any videos on their channel.
This is the kind of programming videos we need in this world, I subbed.
Simple and straight to the point. No padding, no skits, just your process. Nice
I never knew the favicon is possible to be dynamically modified and even play something in it! 😨
This was a pretty interesting video, I never knew the tab icons were called favicons, the more you know!
Another possibility that I've thought of for a while now: Using the Media Keys (Pause/Play/Next/Prev) to control through an RPG. If you hear monster sounds, press Prev (go back) on your headset, and wait until the monster is gone. Something like that. That way you have 4 inputs to an audio-only game
It should be called Optophobia or something like Blindness
How are you so good at explaining such complicated concepts in a way anyone can explain
Ha you're a legend. I've been developing with JavaScript for 11 years, and never once thought about animating the favicon
“And there are only 2 colours. The dinosaur, and the cacti”
Ah yes my 2 favourite colours
This deserves more attention! I’ve never seen that before!
i made something similar to the no internet dinosaur game using only the text in the tab name when i realized it could be updated every frame, but i didn't know the tab icon could be updated dynamically as well!
This is so hilarious! I noticed here and there that you can actually animate the favicon but never dreamed of interacting with it! Awesome subbed and excited for new videos :)
r e p l a c e C h i l d
Now that's gaming on a whole other level
Using a canvas as a favicon, clever!
Thanks for the inspiration. 👍😀
this is a really cool and unique idea and it's awesome!
Thanks for having it up on github, really neat project!
This could be an awesome easter egg!
this was pretty cool to see, only complaint about it is that it is really slow. this is probably because constantly rendering an image for every frame is pretty hard pressuring especially while it also has to read this and interpret index. it is playable doe.
HI: 2013
oh yeah? well my high score is 42.
@@jcrimson. well that's the answer to life, the universe and everything in general
hi: 2022
@@bradleeanddacats Hello to you too
love the dinosaur sprite. this is a great video
Part of me wants to make a favicon Tomagotchi that reacts to the user's interactions with the actual website... but then I'm like, "nah, no one would care about that for more than a minute" 😂
You could also use the title bar to display the approaching obstacle ;)
this is awesome, just subscribed!
favicon as DOM is so cool
Wow, how do you come up with so many interesting ideas? Nice video!
Mom: Son why are you having head so close to monitor ?
Me: i playing a game
Love this project, just reached 900 points.
Breakout. I feel like I might make breakout in this form/format.
Nice. Neat
could be faster if the dino was just a 2x3 rectangle, allowing for a slower reaction time, and more space for cacti
Why is this suddenly getting recommended to so many people after 3 years??
"it only has 2 colors, the dinosaur and the cacti"
Could also modify the tab text to add more “resolution” perhaps.
This is just a more extreme version of those icon games Buttons made once upon a time
I think it would be cool to make a game like Lidar but sound based, where you are blind, and need to figure out where you are with sound alone, it could be a horror game that uses paychologicsl horror, and the game could be called xenophobia
Oh and theres no jumpcares or anything, its literally just you imagining stuff (hence the name xenophobia, which means fear of the unknown) and there are 2 endings, one is you just dont even try, and end up dying of heart attack, and another ending is that you figure out where you are and it just turns out your in ur house after your dad carried you in from the hospital (and the grand reveal is that we are just a kid who is overly paranoid)
this is awesome!
Holy shit... i am sold
amazing!
hey that's so cool!
But can the Tab Icon run Doom?
but can it run crysis?
Can it run minecraft though?
Can it run SM64?
Can it run Forza Horizon 5?
Next: Playing a Warzone tournament on a Chrome tab icon
I swear someone's gonna do Bad Apple in Favicon someday
1:31 ah yes, my favourite colour, dinosaur
I know it was 2 colours and dinosaur and cacti but still
You could make a page that looks like schoolwork but is actually a game in the tab icon
Lol you forgot the bird dude
Could you make a wider play area by making a game that’s played across multiple pinned tabs?
Browsers sandbox each individual tab, so unless you could figure out how to communicate between tabs
Some IPC stuff might work but you would have to test it
chrome extensions
@@arandomguythatdoesntpost genius
i never knew that favicon has a name, nor THAT IT CAN BE MODIFIED
you forgot the damn birds
duuude, i feel that "most of the time was spent displaying the digits" so hard. tell me about it lmaooo
Option to make the webpage a Google search clone to play at work/school.
wait were you looking up sfml stuff?
I saw std:: and got exited
this reminds me of a few games you could play in the thumbnails in nitrome
on google sites its called an emoticon
1:32 Ah yes, dinosaurs and cactus’s are colors now
man you have the coolest ideas
im wondering if you could use the page's title to also display cacti as they approach the dino
for example: {icon} ___Y____YY______
If somebody makes a Minecraft in a favicon I'll be surprised
2:05 the memories
two words: favicon demoscene
I have another idea do what that favicon editor website thingy does but with a game just make it display the game and render it in an 16x16 image and display that as the favicon
this wouldn't really work unless the canvas size already is 16x16 (which in this case it is), so there's no point in doing that since it's already so small, going any higher res than 16x16 and then compressing it down would result in huge blurring
Video Idea : Making Minecraft in a Tab Icon!
impressive.
Cool video! I have subscribed
You forgot the bird but I don’t actually see how you’d add it
I think we have the same keyboard
Now make the Dino game run on Chroma
1D would worked great in a favicon lol
That’s already been done and I was gonna do that before even seeing this video pls make 2048 like that
make a horror game in the favicon plz
You can use the name of the website to make the game bigger
the "i can see the pixels" game
How do you start playing the original defender of the favicon?
You forgot to include the pterodactyls you need to duck under.
You can jump those ones too fun fact
@@catchara1496 not the higher ones
this reminds me of some nitrome games
What happened to that text-based terraria you mentioned?
Can you make an URL animation/game using the history.replaceState ?
This is so stupid which makes it incredibly fun xD
I got a flying gorilla ad
i kinda want to see a game worked into the url
Year 2100 I made a game for a favicon in a mobile phone connected to a toaster
now do pong in a favicon, played with ws/uj
How long before someone puts ads in a favicon
But can you run Doom in the favicon
Now make a game on mouse cursor.
Btw the FAVICON games are for small spiders
3:16 Which browser is that? I don't see that in my firefox
It's just chrome with a blue theme installed
@@Mashpoe Thanks :D
No mobile phone users are harmed through this video
Can you run doom on a favicon?
now make bad apple in favicon
I got over 9999 and then got bored as it looped back to 0000... And I just saw the end of the video where it shows it displays your score to the right, I may have too many tabs...
make a calculator that has different answers for a reason behind the reason?
Add the deployed application link to the readme mayn
nanogaming in 2k19
Defender of the favicon won't work for me for some reason :/
That's cool, but can it run doom?
It doesn't seem to work in Safari...
Can it run any pokemon game hmm?
Can we make 2048 game on favicon
Cool
What happens when you pass score 9999? Does it go back to 0000?
Very possibly yes
It probably goes to 10,000 but since only last 4 digits are shown, will display as 0000.
Yes, it shows 0000 once you pass 9999 and counts from there, was kind of disappointed.
i got a score of 1294 on your game lol