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

Поділитися
Вставка
  • Опубліковано 13 тра 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...
  • Наука та технологія

КОМЕНТАРІ • 252

  • @Fili5h
    @Fili5h 2 роки тому +680

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

    • @mercury9641
      @mercury9641 2 роки тому +68

      Bad apple!!!...

    • @Madcat1331
      @Madcat1331 2 роки тому +74

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

    • @travisbougie4280
      @travisbougie4280 2 роки тому +2

      That's what I was gonna say

    • @TheMCLegendTeam164
      @TheMCLegendTeam164 2 роки тому +5

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

    • @SunnyBoltz
      @SunnyBoltz 2 роки тому +3

      @@mercury9641 YES

  • @javamatrix784
    @javamatrix784 2 роки тому +1122

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

    • @woegarden
      @woegarden 2 роки тому +9

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

    • @cookiethegamer3
      @cookiethegamer3 2 роки тому +6

      Eesh that would be hard

    • @Over0w0MeAmTheHotel
      @Over0w0MeAmTheHotel 2 роки тому +41

      @@woegarden Lol you just exposed yourself as a bot

    • @ChrisGamer_E1
      @ChrisGamer_E1 2 роки тому +1

      ​@@Over0w0MeAmTheHotel he isn't

    • @Over0w0MeAmTheHotel
      @Over0w0MeAmTheHotel 2 роки тому +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 5 років тому +429

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

  • @jace.r
    @jace.r 2 роки тому +7

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

  • @zsombor_99
    @zsombor_99 2 роки тому +56

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

  • @boredyoutubeuser
    @boredyoutubeuser 2 роки тому +40

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

  • @hex6328
    @hex6328 2 роки тому +6

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

  • @TraceguyRune
    @TraceguyRune 2 роки тому +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 2 роки тому +10

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

  • @bitbenthegamedeveloper90
    @bitbenthegamedeveloper90 2 роки тому +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 :)

  • @Yaxqb
    @Yaxqb Рік тому +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 8 місяців тому

      It should be called Optophobia or something like Blindness

  • @MooojinIsRandom
    @MooojinIsRandom 2 роки тому +7

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

  • @punkerts7711
    @punkerts7711 2 роки тому +3

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

  • @gaminggamer5218
    @gaminggamer5218 2 роки тому +9

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

  • @albingrahn5576
    @albingrahn5576 2 роки тому +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!

  • @FrozenSnowDropRoses
    @FrozenSnowDropRoses 2 роки тому +1

    love the dinosaur sprite. this is a great video

  • @AnasMations
    @AnasMations Рік тому +1

    Now that's gaming on a whole other level

  • @eatfruitsalad345
    @eatfruitsalad345 2 роки тому

    this is awesome, just subscribed!

  • @NCSGeek
    @NCSGeek 5 років тому +29

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

  • @lejodev
    @lejodev 2 роки тому +3

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

  • @gallium-gonzollium
    @gallium-gonzollium 2 роки тому +4

    This could be an awesome easter egg!

  • @le9038
    @le9038 2 роки тому +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

    • @jonahsaur
      @jonahsaur 2 роки тому +2

      oh yeah? well my high score is 42.

    • @le9038
      @le9038 2 роки тому +1

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

    • @bradleeanddacats
      @bradleeanddacats 2 роки тому +1

      hi: 2022

    • @brokestudent8548
      @brokestudent8548 Рік тому

      @@bradleeanddacats Hello to you too

  • @masterpig5s
    @masterpig5s 2 роки тому +1

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

  • @IceMetalPunk
    @IceMetalPunk Рік тому +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 2 роки тому +5

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

  • @imantskokis
    @imantskokis Рік тому +1

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

  • @stal2281
    @stal2281 2 роки тому +1

    Love this project, just reached 900 points.

  • @mikoprimeb
    @mikoprimeb 2 роки тому +2

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

  • @dylanmashini5700
    @dylanmashini5700 2 роки тому +1

    favicon as DOM is so cool

  • @kulupona
    @kulupona Рік тому

    this is awesome!

  • @FreddyFazbearYo
    @FreddyFazbearYo 8 місяців тому

    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)

  • @insaneterek4291
    @insaneterek4291 2 роки тому

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

  • @nuviismissing
    @nuviismissing 2 роки тому

    hey that's so cool!

  • @xxsuperproductionsxx138
    @xxsuperproductionsxx138 2 роки тому +1

    amazing!

  • @SloppyJoe413
    @SloppyJoe413 8 місяців тому

    two words: favicon demoscene

  • @TheChemicalWorkshop
    @TheChemicalWorkshop 2 роки тому

    Holy shit... i am sold

  • @mcfixer9503
    @mcfixer9503 2 роки тому +2

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

  • @waltwhitman7545
    @waltwhitman7545 2 роки тому +1

    man you have the coolest ideas

  • @Moochaa
    @Moochaa Рік тому +1

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

  • @xI-MIKE-Ix
    @xI-MIKE-Ix 2 роки тому

    Next: Playing a Warzone tournament on a Chrome tab icon

  • @username5155
    @username5155 2 роки тому +1

    Lol you forgot the bird dude

  • @Akasen1226
    @Akasen1226 5 років тому +29

    But can the Tab Icon run Doom?

    • @JushBJJ
      @JushBJJ 5 років тому +5

      but can it run crysis?

    • @dylansmith5584
      @dylansmith5584 2 роки тому

      Can it run minecraft though?

    • @smf-53.SMFB7
      @smf-53.SMFB7 2 роки тому

      Can it run SM64?

    • @arrax_s
      @arrax_s 2 роки тому

      Can it run Forza Horizon 5?

  • @Noel_FGC
    @Noel_FGC 2 роки тому +1

    you forgot the damn birds

  • @no-qg8hj
    @no-qg8hj 2 роки тому

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

  • @historyAi-
    @historyAi- 2 роки тому

    impressive.

  • @thelasttimeisleptwas7minag517

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

  • @W3Rn1ckz
    @W3Rn1ckz 2 роки тому +8

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

  • @cised7229
    @cised7229 2 роки тому

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

  • @neoncommander
    @neoncommander 5 років тому +1

    Cool video! I have subscribed

  • @ItsSchwifty
    @ItsSchwifty 2 роки тому

    1:31 ah yes, my favourite colour, dinosaur

    • @ItsSchwifty
      @ItsSchwifty 2 роки тому

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

  • @zh9664
    @zh9664 Рік тому +1

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

  • @amynagtegaal6941
    @amynagtegaal6941 2 роки тому +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 2 роки тому

      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

  • @picklerichard3600
    @picklerichard3600 Рік тому +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______

  • @PoopBrimmer6372
    @PoopBrimmer6372 2 роки тому

    2:05 the memories

  • @ratgripper732
    @ratgripper732 2 роки тому

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

  • @stuffing09
    @stuffing09 2 роки тому +1

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

  • @zacadoole1
    @zacadoole1 2 роки тому +10

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

    • @testimonials739
      @testimonials739 2 роки тому +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 Рік тому +1

      chrome extensions

    • @mr_indie_fan
      @mr_indie_fan Рік тому +1

      @@arandomguythatdoesntpost genius

  • @Lari588
    @Lari588 2 роки тому +4

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

  • @TitanTubs
    @TitanTubs 2 роки тому

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

  • @mushroomhead12
    @mushroomhead12 2 роки тому

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

  • @poluefemus
    @poluefemus 2 роки тому +1

    on google sites its called an emoticon

  • @Site980
    @Site980 2 роки тому

    this reminds me of some nitrome games

  • @Peachu8870
    @Peachu8870 2 роки тому

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

  • @user-gh2ys6jb3u
    @user-gh2ys6jb3u 2 роки тому

    1D would worked great in a favicon lol

  • @Watrmeln
    @Watrmeln 2 роки тому

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

  • @jr.ranger6
    @jr.ranger6 2 роки тому

    make a horror game in the favicon plz

  • @xjmdutyx
    @xjmdutyx 2 роки тому

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

  • @DRKHRZN
    @DRKHRZN 2 роки тому

    Video Idea : Making Minecraft in a Tab Icon!

  • @notpocketuwu4071
    @notpocketuwu4071 2 роки тому

    i kinda want to see a game worked into the url

  • @JohnPaulBuce
    @JohnPaulBuce 2 роки тому

    the "i can see the pixels" game

  • @thatoneanimationguy8763
    @thatoneanimationguy8763 2 роки тому

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

  • @cezarlacatus
    @cezarlacatus Рік тому

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

  • @HopefullyNotYou
    @HopefullyNotYou 2 роки тому

    I got a flying gorilla ad

  • @jacobanderson2291
    @jacobanderson2291 2 роки тому +4

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

    • @catchara1496
      @catchara1496 2 роки тому +1

      You can jump those ones too fun fact

    • @spocite
      @spocite 2 роки тому

      @@catchara1496 not the higher ones

  • @getmighty8619
    @getmighty8619 2 роки тому

    Add the deployed application link to the readme mayn

  • @JakoTheWacko
    @JakoTheWacko Рік тому

    What happened to that text-based terraria you mentioned?

  • @bettercalldelta
    @bettercalldelta 2 роки тому

    But can you run Doom in the favicon

  • @kxdsh
    @kxdsh 2 роки тому

    Can you run doom on a favicon?

  • @Astfresser
    @Astfresser Рік тому

    This is so stupid which makes it incredibly fun xD

  • @frozenheal
    @frozenheal 5 років тому +2

    nanogaming in 2k19

  • @tech6hutch
    @tech6hutch 2 роки тому

    How long before someone puts ads in a favicon

  • @nicolaom
    @nicolaom 2 роки тому

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

  • @rhebucks_zh
    @rhebucks_zh 2 роки тому

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

  • @DaemonHeorui
    @DaemonHeorui 2 роки тому

    Can it run any pokemon game hmm?

  • @Speed-TV
    @Speed-TV 2 роки тому +1

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

  • @zabirke1258
    @zabirke1258 2 роки тому +1

    Now make a game on mouse cursor.

  • @lore644
    @lore644 2 роки тому

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

  • @editdotexe
    @editdotexe 2 роки тому

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

  • @yamiru3417
    @yamiru3417 2 роки тому

    now make bad apple in favicon

  • @Teknoist
    @Teknoist Рік тому

    Can we make 2048 game on favicon

  • @Zaciangamin
    @Zaciangamin 2 роки тому

    tiny and cute

  • @will.gallegos
    @will.gallegos 2 роки тому

    It doesn't seem to work in Safari...

  • @GGGamesXDlol
    @GGGamesXDlol 2 роки тому

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

  • @Hunar1997
    @Hunar1997 4 роки тому +1

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

    • @Mashpoe
      @Mashpoe  4 роки тому +1

      It's just chrome with a blue theme installed

    • @Hunar1997
      @Hunar1997 4 роки тому

      @@Mashpoe Thanks :D

  • @Itz_Sophia19
    @Itz_Sophia19 2 роки тому

    Cool

  • @dumbbass8867
    @dumbbass8867 2 роки тому +1

    Time to run doom

  • @Crangsten
    @Crangsten Рік тому

    No mobile phone users are harmed through this video

  • @MultiCraftTube
    @MultiCraftTube 2 роки тому

    Can you put crypto miner in favicon?

  • @BasicRift
    @BasicRift 2 роки тому +2

    i got a score of 1294 on your game lol

  • @jimbo-dev
    @jimbo-dev 2 роки тому

    Why did you go for chrome if it had worse framerate