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

  Рет қаралды 335,491

Mashpoe

Mashpoe

Күн бұрын

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

Пікірлер: 251
@Fili5h
@Fili5h 2 жыл бұрын
We all know that somebody has to run Doom in favicon now...
@mercury9641
@mercury9641 2 жыл бұрын
Bad apple!!!...
@Madcat1331
@Madcat1331 2 жыл бұрын
@@mercury9641 The two constants of literally everything. Someone played DOOM and/or Bad Appple on it.
@travisbougie4280
@travisbougie4280 2 жыл бұрын
That's what I was gonna say
@TheMCLegendTeam164
@TheMCLegendTeam164 2 жыл бұрын
The person who tried that had a broken browser and a computer on fire.
@SunnyBoltz
@SunnyBoltz 2 жыл бұрын
@@mercury9641 YES
@javamatrix784
@javamatrix784 2 жыл бұрын
Now put 4D Miner in a favicon, that would work great!
@woegarden
@woegarden 2 жыл бұрын
just watched your video! very impressive stuff you've working on. seriously.
@cookiethegamer3
@cookiethegamer3 2 жыл бұрын
Eesh that would be hard
@Over0w0MeAmTheHotel
@Over0w0MeAmTheHotel 2 жыл бұрын
@@woegarden Lol you just exposed yourself as a bot
@ChrisGamer_E1
@ChrisGamer_E1 2 жыл бұрын
​@@Over0w0MeAmTheHotel he isn't
@Over0w0MeAmTheHotel
@Over0w0MeAmTheHotel 2 жыл бұрын
@@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 жыл бұрын
This is the kind of programming videos we need in this world, I subbed.
@jace.r
@jace.r 2 жыл бұрын
Simple and straight to the point. No padding, no skits, just your process. Nice
@zsombor_99
@zsombor_99 2 жыл бұрын
I never knew the favicon is possible to be dynamically modified and even play something in it! 😨
@boredyoutubeuser
@boredyoutubeuser 2 жыл бұрын
This was a pretty interesting video, I never knew the tab icons were called favicons, the more you know!
@hex6328
@hex6328 2 жыл бұрын
“And there are only 2 colours. The dinosaur, and the cacti” Ah yes my 2 favourite colours
@lavasharkandboygirl9716
@lavasharkandboygirl9716 2 жыл бұрын
How are you so good at explaining such complicated concepts in a way anyone can explain
@Yaxqb
@Yaxqb 2 жыл бұрын
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 9 ай бұрын
It should be called Optophobia or something like Blindness
@bitbenthegamedeveloper90
@bitbenthegamedeveloper90 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 2 жыл бұрын
This deserves more attention! I’ve never seen that before!
@gaminggamer5218
@gaminggamer5218 2 жыл бұрын
this is a really cool and unique idea and it's awesome!
@punkerts7711
@punkerts7711 2 жыл бұрын
Using a canvas as a favicon, clever! Thanks for the inspiration. 👍😀
@albingrahn5576
@albingrahn5576 2 жыл бұрын
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 жыл бұрын
love the dinosaur sprite. this is a great video
@TraceguyRune
@TraceguyRune 2 жыл бұрын
Ha you're a legend. I've been developing with JavaScript for 11 years, and never once thought about animating the favicon
@eatfruitsalad345
@eatfruitsalad345 2 жыл бұрын
this is awesome, just subscribed!
@lejodev
@lejodev 2 жыл бұрын
Wow, how do you come up with so many interesting ideas? Nice video!
@NCSGeek
@NCSGeek 5 жыл бұрын
Thanks for having it up on github, really neat project!
@imantskokis
@imantskokis 2 жыл бұрын
You could also use the title bar to display the approaching obstacle ;)
@gallium-gonzollium
@gallium-gonzollium 2 жыл бұрын
This could be an awesome easter egg!
@Zaleoritov
@Zaleoritov 2 жыл бұрын
r e p l a c e C h i l d
@le9038
@le9038 2 жыл бұрын
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. 2 жыл бұрын
oh yeah? well my high score is 42.
@le9038
@le9038 2 жыл бұрын
@@jcrimson. well that's the answer to life, the universe and everything in general
@bradleeanddacats
@bradleeanddacats 2 жыл бұрын
hi: 2022
@brokestudent8548
@brokestudent8548 2 жыл бұрын
@@bradleeanddacats Hello to you too
@AnasMations
@AnasMations 2 жыл бұрын
Now that's gaming on a whole other level
@stal2281
@stal2281 2 жыл бұрын
Love this project, just reached 900 points.
@masterpig5s
@masterpig5s 2 жыл бұрын
Breakout. I feel like I might make breakout in this form/format. Nice. Neat
@dylanmashini5700
@dylanmashini5700 2 жыл бұрын
favicon as DOM is so cool
@Moochaa
@Moochaa 2 жыл бұрын
Could also modify the tab text to add more “resolution” perhaps.
@waltwhitman7545
@waltwhitman7545 2 жыл бұрын
man you have the coolest ideas
@kulupona
@kulupona Жыл бұрын
this is awesome!
@IceMetalPunk
@IceMetalPunk 2 жыл бұрын
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" 😂
@TheChemicalWorkshop
@TheChemicalWorkshop 2 жыл бұрын
Holy shit... i am sold
@mcfixer9503
@mcfixer9503 2 жыл бұрын
could be faster if the dino was just a 2x3 rectangle, allowing for a slower reaction time, and more space for cacti
@nuviismissing
@nuviismissing 2 жыл бұрын
hey that's so cool!
@xxsuperproductionsxx138
@xxsuperproductionsxx138 2 жыл бұрын
amazing!
@mikoprimeb
@mikoprimeb 2 жыл бұрын
Mom: Son why are you having head so close to monitor ? Me: i playing a game
@cised7229
@cised7229 2 жыл бұрын
wait were you looking up sfml stuff? I saw std:: and got exited
@xI-MIKE-Ix
@xI-MIKE-Ix 2 жыл бұрын
Next: Playing a Warzone tournament on a Chrome tab icon
@FreddyFazbearYo
@FreddyFazbearYo 9 ай бұрын
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)
@neoncommander
@neoncommander 5 жыл бұрын
Cool video! I have subscribed
@W3Rn1ckz
@W3Rn1ckz 2 жыл бұрын
This is just a more extreme version of those icon games Buttons made once upon a time
@amynagtegaal6941
@amynagtegaal6941 2 жыл бұрын
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______
@Akasen1226
@Akasen1226 5 жыл бұрын
But can the Tab Icon run Doom?
@JushBJJ
@JushBJJ 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?
@Lari588
@Lari588 2 жыл бұрын
this reminds me of a few games you could play in the thumbnails in nitrome
@insaneterek4291
@insaneterek4291 2 жыл бұрын
"it only has 2 colors, the dinosaur and the cacti"
@thelasttimeisleptwas7minag517
@thelasttimeisleptwas7minag517 2 жыл бұрын
I swear someone's gonna do Bad Apple in Favicon someday
@no-qg8hj
@no-qg8hj 2 жыл бұрын
Why is this suddenly getting recommended to so many people after 3 years??
@historyAi-
@historyAi- 2 жыл бұрын
impressive.
@TitanTubs
@TitanTubs 2 жыл бұрын
Option to make the webpage a Google search clone to play at work/school.
@ratgripper732
@ratgripper732 2 жыл бұрын
You could make a page that looks like schoolwork but is actually a game in the tab icon
@username5155
@username5155 2 жыл бұрын
Lol you forgot the bird dude
@zacadoole1
@zacadoole1 2 жыл бұрын
Could you make a wider play area by making a game that’s played across multiple pinned tabs?
@testimonials739
@testimonials739 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 2 жыл бұрын
chrome extensions
@mr_indie_fan
@mr_indie_fan Жыл бұрын
@@arandomguythatdoesntpost genius
@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
@poluefemus
@poluefemus 2 жыл бұрын
on google sites its called an emoticon
@Noel_FGC
@Noel_FGC 2 жыл бұрын
you forgot the damn birds
@xjmdutyx
@xjmdutyx 2 жыл бұрын
That’s already been done and I was gonna do that before even seeing this video pls make 2048 like that
@stuffing09
@stuffing09 2 жыл бұрын
How do you start playing the original defender of the favicon?
@Peachu8870
@Peachu8870 2 жыл бұрын
i never knew that favicon has a name, nor THAT IT CAN BE MODIFIED
@PoopBrimmer6372
@PoopBrimmer6372 2 жыл бұрын
2:05 the memories
@mushroomhead12
@mushroomhead12 2 жыл бұрын
1:32 Ah yes, dinosaurs and cactus’s are colors now
@JakoTheWacko
@JakoTheWacko 2 жыл бұрын
What happened to that text-based terraria you mentioned?
@cezarlacatus
@cezarlacatus 2 жыл бұрын
Can you make an URL animation/game using the history.replaceState ?
@SloppyJoe413
@SloppyJoe413 8 ай бұрын
two words: favicon demoscene
@zh9664
@zh9664 2 жыл бұрын
duuude, i feel that "most of the time was spent displaying the digits" so hard. tell me about it lmaooo
@user-gh2ys6jb3u
@user-gh2ys6jb3u 2 жыл бұрын
1D would worked great in a favicon lol
@jr.ranger6
@jr.ranger6 2 жыл бұрын
make a horror game in the favicon plz
@Site980
@Site980 2 жыл бұрын
this reminds me of some nitrome games
@thatoneanimationguy8763
@thatoneanimationguy8763 2 жыл бұрын
If somebody makes a Minecraft in a favicon I'll be surprised
@kxdsh
@kxdsh 2 жыл бұрын
Can you run doom on a favicon?
@DRKHRZN
@DRKHRZN 2 жыл бұрын
Video Idea : Making Minecraft in a Tab Icon!
@nicolaom
@nicolaom 2 жыл бұрын
You can use the name of the website to make the game bigger
@notpocketuwu4071
@notpocketuwu4071 2 жыл бұрын
i kinda want to see a game worked into the url
@Watrmeln
@Watrmeln 2 жыл бұрын
I think we have the same keyboard Now make the Dino game run on Chroma
@Astfresser
@Astfresser 2 жыл бұрын
This is so stupid which makes it incredibly fun xD
@JohnPaulBuce
@JohnPaulBuce 2 жыл бұрын
the "i can see the pixels" game
@lore644
@lore644 2 жыл бұрын
You forgot the bird but I don’t actually see how you’d add it
@chimklee
@chimklee 2 жыл бұрын
I got a flying gorilla ad
@bettercalldelta
@bettercalldelta 2 жыл бұрын
But can you run Doom in the favicon
@tech6hutch
@tech6hutch 2 жыл бұрын
How long before someone puts ads in a favicon
@getmighty8619
@getmighty8619 2 жыл бұрын
Add the deployed application link to the readme mayn
@BobbyBobby-ro9ic
@BobbyBobby-ro9ic 2 жыл бұрын
Good
@rhebucks_zh
@rhebucks_zh 2 жыл бұрын
now do pong in a favicon, played with ws/uj
@GGGamesXDlol
@GGGamesXDlol 2 жыл бұрын
Year 2100 I made a game for a favicon in a mobile phone connected to a toaster
@somedudewatchingyoutube9163
@somedudewatchingyoutube9163 2 жыл бұрын
Btw the FAVICON games are for small spiders
@Itz_Sophia19
@Itz_Sophia19 2 жыл бұрын
Cool
@PikKraken8
@PikKraken8 2 жыл бұрын
You forgot to include the pterodactyls you need to duck under.
@catchara1496
@catchara1496 2 жыл бұрын
You can jump those ones too fun fact
@spocite
@spocite 2 жыл бұрын
@@catchara1496 not the higher ones
@yamiru3417
@yamiru3417 2 жыл бұрын
now make bad apple in favicon
@Teknoist
@Teknoist 2 жыл бұрын
Can we make 2048 game on favicon
@zabirke1258
@zabirke1258 2 жыл бұрын
Now make a game on mouse cursor.
@Speed-TV
@Speed-TV 2 жыл бұрын
Defender of the favicon won't work for me for some reason :/
@Hunar1997
@Hunar1997 4 жыл бұрын
3:16 Which browser is that? I don't see that in my firefox
@Mashpoe
@Mashpoe 4 жыл бұрын
It's just chrome with a blue theme installed
@Hunar1997
@Hunar1997 4 жыл бұрын
@@Mashpoe Thanks :D
@Zaciangamin
@Zaciangamin 2 жыл бұрын
tiny and cute
@dumbbass8867
@dumbbass8867 2 жыл бұрын
Time to run doom
@bertrandrodruiguez2614
@bertrandrodruiguez2614 5 жыл бұрын
Very cool
@DaemonHeorui
@DaemonHeorui 2 жыл бұрын
Can it run any pokemon game hmm?
@frozenheal
@frozenheal 5 жыл бұрын
nanogaming in 2k19
@will.gallegos
@will.gallegos 2 жыл бұрын
It doesn't seem to work in Safari...
@BasicRift
@BasicRift 2 жыл бұрын
i got a score of 1294 on your game lol
@Povilaz
@Povilaz 2 жыл бұрын
Very interesting.
I Made a 1D Game 🎮
11:18
Mashpoe
Рет қаралды 1,7 МЛН
4D Miner Devlog #1: New Lighting and World Generation!
9:19
Mashpoe
Рет қаралды 111 М.
Cat story: from hate to love! 😻 #cat #cute #kitten
00:40
Stocat
Рет қаралды 16 МЛН
Be kind🤝
00:22
ISSEI / いっせい
Рет қаралды 22 МЛН
🍟Best French Fries Homemade #cooking #shorts
00:42
BANKII
Рет қаралды 46 МЛН
Can you fit a whole game into a QR code?
20:03
MattKC
Рет қаралды 8 МЛН
Giving Personality to Procedural Animations using Math
15:30
t3ssel8r
Рет қаралды 2,4 МЛН
Dangerous Code Hidden in Plain Sight for 12 years
18:00
PwnFunction
Рет қаралды 1,6 МЛН
Mind-Blowing Anime.js Staggered Grid Effect
5:23
Hyperplexed
Рет қаралды 504 М.
I Made Minecraft, but It's 4D
13:48
Mashpoe
Рет қаралды 4,9 МЛН
Fixing the Alphabet
7:25
Mashpoe
Рет қаралды 1 МЛН
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,3 МЛН
Making My Own Programming Language and Coding a Game in It
10:19
AstroSam
Рет қаралды 1,2 МЛН
I'm Coding an Entire Physics Engine from Scratch
9:19
Gonkee
Рет қаралды 1,6 МЛН
Coding Challenge 166: ASCII Text Images
22:42
The Coding Train
Рет қаралды 1,1 МЛН
keren sih #iphone #apple
0:16
Muhammad Arsyad
Рет қаралды 365 М.
#miniphone
0:16
Miniphone
Рет қаралды 1 МЛН
What model of phone do you have?
0:16
Hassyl Joon
Рет қаралды 77 М.
С ноутбуком придется попрощаться
0:18
Up Your Brains
Рет қаралды 328 М.