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

Sdílet
Vložit
  • čas přidán 1. 06. 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...
  • Věda a technologie

Komentáře • 251

  • @Fili5h
    @Fili5h Před 2 lety +681

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

    • @mercury9641
      @mercury9641 Před 2 lety +68

      Bad apple!!!...

    • @Madcat1331
      @Madcat1331 Před 2 lety +74

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

    • @travisbougie4280
      @travisbougie4280 Před 2 lety +2

      That's what I was gonna say

    • @TheMCLegendTeam164
      @TheMCLegendTeam164 Před 2 lety +5

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

    • @SunnyBoltz
      @SunnyBoltz Před 2 lety +3

      @@mercury9641 YES

  • @javamatrix784
    @javamatrix784 Před 2 lety +1124

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

    • @woegarden
      @woegarden Před 2 lety +9

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

    • @cookiethegamer3
      @cookiethegamer3 Před 2 lety +6

      Eesh that would be hard

    • @Over0w0MeAmTheHotel
      @Over0w0MeAmTheHotel Před 2 lety +41

      @@woegarden Lol you just exposed yourself as a bot

    • @ChrisGamer_E1
      @ChrisGamer_E1 Před 2 lety +1

      ​@@Over0w0MeAmTheHotel he isn't

    • @Over0w0MeAmTheHotel
      @Over0w0MeAmTheHotel Před 2 lety +19

      @@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
    @benfaerber4956 Před 5 lety +429

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

  • @jace.r
    @jace.r Před 2 lety +7

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

  • @zsombor_99
    @zsombor_99 Před 2 lety +56

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

  • @boredyoutubeuser
    @boredyoutubeuser Před 2 lety +40

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

  • @Yaxqb
    @Yaxqb Před 2 lety +5

    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
      @FreddyFazbearYo Před 9 měsíci

      It should be called Optophobia or something like Blindness

  • @TraceguyRune
    @TraceguyRune Před 2 lety +2

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

  • @lavasharkandboygirl9716
    @lavasharkandboygirl9716 Před 2 lety +10

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

  • @hex6328
    @hex6328 Před 2 lety +6

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

  • @albingrahn5576
    @albingrahn5576 Před 2 lety +6

    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!

  • @bitbenthegamedeveloper90
    @bitbenthegamedeveloper90 Před 2 lety +2

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

  • @MooojinIsRandom
    @MooojinIsRandom Před 2 lety +7

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

  • @gaminggamer5218
    @gaminggamer5218 Před 2 lety +9

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

  • @NCSGeek
    @NCSGeek Před 5 lety +29

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

  • @punkerts7711
    @punkerts7711 Před 2 lety +3

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

  • @AnasMations
    @AnasMations Před 2 lety +1

    Now that's gaming on a whole other level

  • @le9038
    @le9038 Před 2 lety +59

    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.
      @jcrimson. Před 2 lety +2

      oh yeah? well my high score is 42.

    • @le9038
      @le9038 Před 2 lety +1

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

    • @bradleeanddacats
      @bradleeanddacats Před 2 lety +1

      hi: 2022

    • @brokestudent8548
      @brokestudent8548 Před 2 lety

      @@bradleeanddacats Hello to you too

  • @FrozenSnowDropRoses
    @FrozenSnowDropRoses Před 2 lety +1

    love the dinosaur sprite. this is a great video

  • @lejodev
    @lejodev Před 2 lety +3

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

  • @eatfruitsalad345
    @eatfruitsalad345 Před 2 lety

    this is awesome, just subscribed!

  • @imantskokis
    @imantskokis Před 2 lety +1

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

  • @gallium-gonzollium
    @gallium-gonzollium Před 2 lety +4

    This could be an awesome easter egg!

  • @dylanmashini5700
    @dylanmashini5700 Před 2 lety +1

    favicon as DOM is so cool

  • @IceMetalPunk
    @IceMetalPunk Před 2 lety +1

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

  • @Zaleoritov
    @Zaleoritov Před 2 lety +5

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

  • @insaneterek4291
    @insaneterek4291 Před 2 lety

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

  • @mikoprimeb
    @mikoprimeb Před 2 lety +2

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

  • @masterpig5s
    @masterpig5s Před 2 lety +1

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

  • @stal2281
    @stal2281 Před 2 lety +1

    Love this project, just reached 900 points.

  • @kulupona
    @kulupona Před rokem

    this is awesome!

  • @Moochaa
    @Moochaa Před 2 lety +1

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

  • @xxsuperproductionsxx138
    @xxsuperproductionsxx138 Před 2 lety +1

    amazing!

  • @waltwhitman7545
    @waltwhitman7545 Před 2 lety +1

    man you have the coolest ideas

  • @nuviismissing
    @nuviismissing Před 2 lety

    hey that's so cool!

  • @mcfixer9503
    @mcfixer9503 Před 2 lety +2

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

  • @neoncommander
    @neoncommander Před 5 lety +1

    Cool video! I have subscribed

  • @username5155
    @username5155 Před 2 lety +1

    Lol you forgot the bird dude

  • @Akasen1226
    @Akasen1226 Před 5 lety +29

    But can the Tab Icon run Doom?

  • @TheChemicalWorkshop
    @TheChemicalWorkshop Před 2 lety

    Holy shit... i am sold

  • @no-qg8hj
    @no-qg8hj Před 2 lety

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

  • @W3Rn1ckz
    @W3Rn1ckz Před 2 lety +8

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

  • @thelasttimeisleptwas7minag517

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

  • @zh9664
    @zh9664 Před 2 lety +1

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

  • @ItsSchwifty
    @ItsSchwifty Před 2 lety

    1:31 ah yes, my favourite colour, dinosaur

    • @ItsSchwifty
      @ItsSchwifty Před 2 lety

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

  • @Lari588
    @Lari588 Před 2 lety +4

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

  • @Noel_FGC
    @Noel_FGC Před 2 lety +1

    you forgot the damn birds

  • @zacadoole1
    @zacadoole1 Před 2 lety +10

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

    • @testimonials739
      @testimonials739 Před 2 lety +2

      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
      @arandomguythatdoesntpost Před 2 lety +1

      chrome extensions

    • @mr_indie_fan
      @mr_indie_fan Před rokem +1

      @@arandomguythatdoesntpost genius

  • @FreddyFazbearYo
    @FreddyFazbearYo Před 9 měsíci

    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)

  • @picklerichard3600
    @picklerichard3600 Před 2 lety +2

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

  • @SloppyJoe413
    @SloppyJoe413 Před 8 měsíci

    two words: favicon demoscene

  • @historyAi-
    @historyAi- Před 2 lety

    impressive.

  • @xI-MIKE-Ix
    @xI-MIKE-Ix Před 2 lety

    Next: Playing a Warzone tournament on a Chrome tab icon

  • @mushroomhead12
    @mushroomhead12 Před 2 lety

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

  • @cised7229
    @cised7229 Před 2 lety

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

  • @ratgripper732
    @ratgripper732 Před 2 lety

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

  • @HopefullyNotYou
    @HopefullyNotYou Před 2 lety

    I got a flying gorilla ad

  • @PoopBrimmer6372
    @PoopBrimmer6372 Před 2 lety

    2:05 the memories

  • @TitanTubs
    @TitanTubs Před 2 lety

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

  • @stuffing09
    @stuffing09 Před 2 lety +1

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

  • @poluefemus
    @poluefemus Před 2 lety +1

    on google sites its called an emoticon

  • @DRKHRZN
    @DRKHRZN Před 2 lety

    Video Idea : Making Minecraft in a Tab Icon!

  • @amynagtegaal6941
    @amynagtegaal6941 Před 2 lety +1

    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
      @gab8169 Před 2 lety

      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

  • @Astfresser
    @Astfresser Před 2 lety

    This is so stupid which makes it incredibly fun xD

  • @jr.ranger6
    @jr.ranger6 Před 2 lety

    make a horror game in the favicon plz

  • @thatoneanimationguy8763

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

  • @JakoTheWacko
    @JakoTheWacko Před 2 lety

    What happened to that text-based terraria you mentioned?

  • @cezarlacatus
    @cezarlacatus Před 2 lety

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

  • @Site980
    @Site980 Před 2 lety

    this reminds me of some nitrome games

  • @xjmdutyx
    @xjmdutyx Před 2 lety

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

  • @Peachu8870
    @Peachu8870 Před 2 lety

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

  • @PikKraken8
    @PikKraken8 Před 2 lety +4

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

    • @catchara1496
      @catchara1496 Před 2 lety +1

      You can jump those ones too fun fact

    • @spocite
      @spocite Před 2 lety

      @@catchara1496 not the higher ones

  • @user-gh2ys6jb3u
    @user-gh2ys6jb3u Před 2 lety

    1D would worked great in a favicon lol

  • @lore644
    @lore644 Před 2 lety

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

  • @Watrmeln
    @Watrmeln Před 2 lety

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

  • @frozenheal
    @frozenheal Před 5 lety +2

    nanogaming in 2k19

  • @kxdsh
    @kxdsh Před 2 lety

    Can you run doom on a favicon?

  • @JohnPaulBuce
    @JohnPaulBuce Před 2 lety

    the "i can see the pixels" game

  • @BobbyBobby-ro9ic
    @BobbyBobby-ro9ic Před 2 lety

    Good

  • @dumbbass8867
    @dumbbass8867 Před 2 lety +1

    Time to run doom

  • @bettercalldelta
    @bettercalldelta Před 2 lety

    But can you run Doom in the favicon

  • @tech6hutch
    @tech6hutch Před 2 lety

    How long before someone puts ads in a favicon

  • @Itz_Sophia19
    @Itz_Sophia19 Před 2 lety

    Cool

  • @notpocketuwu4071
    @notpocketuwu4071 Před 2 lety

    i kinda want to see a game worked into the url

  • @Hunar1997
    @Hunar1997 Před 4 lety +1

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

    • @Mashpoe
      @Mashpoe  Před 4 lety +1

      It's just chrome with a blue theme installed

    • @Hunar1997
      @Hunar1997 Před 4 lety

      @@Mashpoe Thanks :D

  • @bertrandrodruiguez2614
    @bertrandrodruiguez2614 Před 5 lety +1

    Very cool

  • @rhebucks_zh
    @rhebucks_zh Před 2 lety

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

  • @BasicRift
    @BasicRift Před 2 lety +2

    i got a score of 1294 on your game lol

  • @yamiru3417
    @yamiru3417 Před 2 lety

    now make bad apple in favicon

  • @Crangsten
    @Crangsten Před 2 lety

    No mobile phone users are harmed through this video

  • @GGGamesXDlol
    @GGGamesXDlol Před 2 lety

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

  • @nicolaom
    @nicolaom Před 2 lety

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

  • @Zaciangamin
    @Zaciangamin Před 2 lety

    tiny and cute

  • @zabirke1258
    @zabirke1258 Před 2 lety +1

    Now make a game on mouse cursor.

  • @Speed-TV
    @Speed-TV Před 2 lety +1

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

  • @somedudewatchingyoutube9163

    Btw the FAVICON games are for small spiders

  • @RevenantKitsune_
    @RevenantKitsune_ Před 2 lety

    That's cool, but can it run doom?

  • @getmighty8619
    @getmighty8619 Před 2 lety

    Add the deployed application link to the readme mayn

  • @jimbo-dev
    @jimbo-dev Před 2 lety

    Why did you go for chrome if it had worse framerate

  • @SkyTheHusky
    @SkyTheHusky Před 2 lety +2

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

    • @ESTERZEOFF
      @ESTERZEOFF Před 2 lety

      Very possibly yes

    • @theuseraccountname
      @theuseraccountname Před 2 lety +1

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

    • @editdotexe
      @editdotexe Před 2 lety

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