Making a Video Game in a Browser's Tab Icon!

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...

[@Fili5h]

We all know that somebody has to run Doom in favicon now...

[@mercury9641]

Bad apple!!!...

[@Madcat1331]

@@mercury9641 The two constants of literally everything. Someone played DOOM and/or Bad Appple on it.

[@travisbougie4280]

That's what I was gonna say

[@TheMCLegendTeam164]

The person who tried that had a broken browser and a computer on fire.

[@SunnyBoltz]

@@mercury9641 YES

[@javamatrix784]

Now put 4D Miner in a favicon, that would work great!

[@woegarden]

just watched your video! very impressive stuff you've working on. seriously.

[@cookiethegamer3]

Eesh that would be hard

[@Over0w0MeAmTheHotel]

@@woegarden Lol you just exposed yourself as a bot

[@ChrisGamer_E1]

​@@Over0w0MeAmTheHotel he isn't

[@Over0w0MeAmTheHotel]

@@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.

[@benfaerber4956]

This is the kind of programming videos we need in this world, I subbed.

[@jace.r]

Simple and straight to the point. No padding, no skits, just your process. Nice

[@zsombor_99]

I never knew the favicon is possible to be dynamically modified and even play something in it! 😨

[@boredyoutubeuser]

This was a pretty interesting video, I never knew the tab icons were called favicons, the more you know!

[@lavasharkandboygirl9716]

How are you so good at explaining such complicated concepts in a way anyone can explain

[@TraceguyRune]

Ha you're a legend. I've been developing with JavaScript for 11 years, and never once thought about animating the favicon

[@Yaxqb]

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

[@FreddyFazbearYo]

It should be called Optophobia or something like Blindness

[@MooojinIsRandom]

This deserves more attention! I’ve never seen that before!

[@bitbenthegamedeveloper90]

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 :)

[@albingrahn5576]

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!

[@AnasMations]

Now that's gaming on a whole other level

[@gaminggamer5218]

this is a really cool and unique idea and it's awesome!

[@punkerts7711]

Using a canvas as a favicon, clever! Thanks for the inspiration. 👍😀

[@hex6328]

“And there are only 2 colours. The dinosaur, and the cacti” Ah yes my 2 favourite colours

[@NCSGeek]

Thanks for having it up on github, really neat project!

[@FrozenSnowDropRoses]

love the dinosaur sprite. this is a great video

[@lejodev]

Wow, how do you come up with so many interesting ideas? Nice video!

[@eatfruitsalad345]

this is awesome, just subscribed!

[@dylanmashini5700]

favicon as DOM is so cool

[@imantskokis]

You could also use the title bar to display the approaching obstacle ;)

[@gallium-gonzollium]

This could be an awesome easter egg!

[@le9038]

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

[@jcrimson.]

oh yeah? well my high score is 42.

[@le9038]

@@jcrimson. well that's the answer to life, the universe and everything in general

[@bradleeanddacats]

hi: 2022

[@brokestudent8548]

@@bradleeanddacats Hello to you too

[@IceMetalPunk]

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" 😂

[@stal2281]

Love this project, just reached 900 points.

[@mikoprimeb]

Mom: Son why are you having head so close to monitor ? Me: i playing a game

[@insaneterek4291]

"it only has 2 colors, the dinosaur and the cacti"

[@masterpig5s]

Breakout. I feel like I might make breakout in this form/format. Nice. Neat

[@no-qg8hj]

Why is this suddenly getting recommended to so many people after 3 years??

[@kulupona]

this is awesome!

[@waltwhitman7545]

man you have the coolest ideas

[@Moochaa]

Could also modify the tab text to add more “resolution” perhaps.

[@mcfixer9503]

could be faster if the dino was just a 2x3 rectangle, allowing for a slower reaction time, and more space for cacti

[@nuviismissing]

hey that's so cool!

[@Zaleoritov]

r e p l a c e C h i l d

[@TheChemicalWorkshop]

Holy shit... i am sold

[@thelasttimeisleptwas7minag517]

I swear someone's gonna do Bad Apple in Favicon someday

[@xxsuperproductionsxx138]

amazing!

[@neoncommander]

Cool video! I have subscribed

[@username5155]

Lol you forgot the bird dude

[@Akasen1226]

But can the Tab Icon run Doom?

[@JushBJJ]

but can it run crysis?

[@dylansmith5584]

Can it run minecraft though?

[@smf-53.SMFB7]

Can it run SM64?

[@arrax_s]

Can it run Forza Horizon 5?

[@FreddyFazbearYo]

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)

[@W3Rn1ckz]

This is just a more extreme version of those icon games Buttons made once upon a time

[@Noel_FGC]

you forgot the damn birds

[@zacadoole1]

Could you make a wider play area by making a game that’s played across multiple pinned tabs?

[@testimonials739]

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

[@arandomguythatdoesntpost]

chrome extensions

[@mr_indie_fan]

@@arandomguythatdoesntpost genius

[@Lari588]

this reminds me of a few games you could play in the thumbnails in nitrome

[@zh9664]

duuude, i feel that "most of the time was spent displaying the digits" so hard. tell me about it lmaooo

[@ItsSchwifty]

1:31 ah yes, my favourite colour, dinosaur

[@ItsSchwifty]

I know it was 2 colours and dinosaur and cacti but still

[@stuffing09]

How do you start playing the original defender of the favicon?

[@picklerichard3600]

im wondering if you could use the page's title to also display cacti as they approach the dino for example: {icon} ___Y____YY______

[@amynagtegaal6941]

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

[@gab8169]

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

[@mushroomhead12]

1:32 Ah yes, dinosaurs and cactus’s are colors now

[@poluefemus]

on google sites its called an emoticon

[@xI-MIKE-Ix]

Next: Playing a Warzone tournament on a Chrome tab icon

[@ratgripper732]

You could make a page that looks like schoolwork but is actually a game in the tab icon

[@SloppyJoe413]

two words: favicon demoscene

[@PoopBrimmer6372]

2:05 the memories

[@TitanTubs]

Option to make the webpage a Google search clone to play at work/school.

[@cised7229]

wait were you looking up sfml stuff? I saw std:: and got exited

[@thatoneanimationguy8763]

If somebody makes a Minecraft in a favicon I'll be surprised

[@historyAi-]

impressive.

[@DRKHRZN]

Video Idea : Making Minecraft in a Tab Icon!

[@jr.ranger6]

make a horror game in the favicon plz

[@Peachu8870]

i never knew that favicon has a name, nor THAT IT CAN BE MODIFIED

[@xjmdutyx]

That’s already been done and I was gonna do that before even seeing this video pls make 2048 like that

[@cezarlacatus]

Can you make an URL animation/game using the history.replaceState ?

[@user-gh2ys6jb3u]

1D would worked great in a favicon lol

[@PikKraken8]

You forgot to include the pterodactyls you need to duck under.

[@catchara1496]

You can jump those ones too fun fact

[@spocite]

@@catchara1496 not the higher ones

[@Site980]

this reminds me of some nitrome games

[@Astfresser]

This is so stupid which makes it incredibly fun xD

[@HopefullyNotYou]

I got a flying gorilla ad

[@Watrmeln]

I think we have the same keyboard Now make the Dino game run on Chroma

[@Hunar1997]

3:16 Which browser is that? I don't see that in my firefox

[@Mashpoe]

It's just chrome with a blue theme installed

[@Hunar1997]

@@Mashpoe Thanks :D

[@JakoTheWacko]

What happened to that text-based terraria you mentioned?

[@notpocketuwu4071]

i kinda want to see a game worked into the url

[@kxdsh]

Can you run doom on a favicon?

[@bettercalldelta]

But can you run Doom in the favicon

[@lore644]

You forgot the bird but I don’t actually see how you’d add it

[@Speed-TV]

Defender of the favicon won't work for me for some reason :/

[@tech6hutch]

How long before someone puts ads in a favicon

[@rhebucks_zh]

now do pong in a favicon, played with ws/uj

[@JohnPaulBuce]

the "i can see the pixels" game

[@somedudewatchingyoutube9163]

Btw the FAVICON games are for small spiders

[@nicolaom]

You can use the name of the website to make the game bigger

[@yamiru3417]

now make bad apple in favicon

[@frozenheal]

nanogaming in 2k19

[@SkyTheHusky]

What happens when you pass score 9999? Does it go back to 0000?

[@ESTERZEOFF]

Very possibly yes

[@theuseraccountname]

It probably goes to 10,000 but since only last 4 digits are shown, will display as 0000.

[@editdotexe]

Yes, it shows 0000 once you pass 9999 and counts from there, was kind of disappointed.

[@zabirke1258]

Now make a game on mouse cursor.

[@getmighty8619]

Add the deployed application link to the readme mayn

[@BasicRift]

i got a score of 1294 on your game lol

[@GGGamesXDlol]

Year 2100 I made a game for a favicon in a mobile phone connected to a toaster

[@Crangsten]

No mobile phone users are harmed through this video

[@bertrandrodruiguez2614]

Very cool

[@dumbbass8867]

Time to run doom

[@editdotexe]

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...

[@Teknoist]

Can we make 2048 game on favicon

[@metalmint-1]

Tetris seems pretty feasible in this actually

[@RajJaiswal538]

Yeah agreed

[@mr_indie_fan]

Tetris with 1 pixel wide very small blocks.

[@twendal]

Can it run doom?

[@Zaciangamin]

tiny and cute