5 ms·
Nintendo NES console in CSS
- prg318 13y agoThe author of this should get in touch with the guy that wrote that NES emulator in javascript [1]. I can imagine a pretty neat collaboration of the two projects! [1] http://fir.sh/projects/jsnes/ http://fir.sh/projects/jsnes/
- alcuadrado 13y agoI don't see any connection
- recursive 13y agoThey're both related to NES.
- throwaway1980 13y agoAlso browsers. Also JS and CSS both have at least one 'S'.
- prg318 13y agoThe CSS for the NES console itself could be used in a rich graphical user interface for emulating NES ROMS. Hope that clears up the connection for you.
- jff 13y agoThat would be the same kind of skeuomorphism everyone decries in Apple's applications etc. Why should I virtually flip through a big stack of virtual cartridges, drag one into the slot, press it down with the mouse, and press the power button when I could just double-click on the game from a list? It would be cute and fun exactly once.
- debaserab2 13y agoWell, yeah, you certainly wouldn't do that for the sake of intuitive design. It would just be neat. That's all it would be. Just like a home made craft or art project. There's nothing wrong with that and I'd appreciate it. Even if it was only once.
- prg318 13y agoAs one of the lead developers of FCEUX [1], a multi-platform desktop NES/Famicom emulator, no: I don't see this CSS project as a usability breakthrough. I prefer to load my ROMs from the command line. But would it be a cool toy? Absolutely. [1] http://www.fceux.com/web/home.html http://www.fceux.com/web/home.html
- jff 13y agoYeah it's a cool as hell demo, I just think it would be really annoying if I were forced to use it to play games. You could even turn it into a minigame of trying to get the game working. Re-seat the cart. Wedge another on top. Try it with a Game Genie in hopes that'll contact all the pins. Click here to blow on the cart. Cute, fun to fiddle with, but like all cute UI conceits, there would have to be an option to shut it off because I just want to play some Zelda.
- rmrfrmrf 13y agorelax.
- smacktoward 13y agoSo how do you blow on it? It's not an NES unless you have to blow on it.
- joeblau 13y agoYeah, you also have to be able to stack two games in there on top of each other.
- deleted 13y ago[deleted]
- ljak 13y agoWhy?
- lbebber 13y agoExercise, fun, finding out what it is possible to do, etc.
- TheCraiggers 13y agoSon, we don't take kindly to folks who ask 'why?' around these parts. You best mosey on before you accidentally fall down a well.
- prg318 13y agoWhy not?
- ashmud 13y agoSilly me, I was expecting an emulator.
- w1ntermute 13y agohttp://fir.sh/projects/jsnes/ http://fir.sh/projects/jsnes/ It doesn't seem entirely stable though.
- mratzloff 13y agoChrome-only. Firefox works but some code shows up in the window. Safari doesn't work at all.
- benferris 13y agoIt worked for me in FF20.
- sean-duffy 13y agoWorks perfectly for me on Safari 6.
- jspaur 13y agoworked in IE10 as well (still can't log in to HN using chrome...odd)
- LukeShu 13y agoWorked fine for me in Iceweasel 20.0 (Debian's Firefox).
- prg318 13y agoNo issues whatsoever with Firefox 21 on XP
- mratzloff 13y agoWith Firefox, I saw JavaScript in the result pane the first time but now it works fine. Perhaps it was behind a version or two the first time. Went back with Safari (version 6, same version) and it worked fine this time. Before, the background didn't show up properly, only the cartridge door. Weird.
- likarish 13y agoIf I remember correctly when you press power and there is no cartridge, then the power button flashes ;) Great work!
- carpe171 13y agothis is amazing! nice work
- throwaway1980 13y ago"Full CSS Nintendo NES" is a bit of a linkbait title. However, it's still kind of amazing, because despite knowing that CSS is not Turing complete, I still clicked on it hoping for an emulation. Which effectively means that I identified it as bait and then chose to eat it anyway. Other than that it's a neat demo.
- orangethirty 13y agoDid you seriously expect a NES emulator written in CSS? Color me surprised.
- madsravn 13y agoBut ... OP promised.
- Zimahl 13y ago.orangethirty { background-color: #ff0000; font-weight: bold; }
- orangethirty 13y agoShouldn't it be: #orangethirty {background: #000;} #orangethirty .surprised { background: #fa0000; font-weight: 700; } (:
- jeffasinger 13y agoI remember seeing an encoding of Rule 110 in CSS + HTML a while back. Is CSS actually not Turing complete?
- throwaway1980 13y agoI'd found this before posting: http://stackoverflow.com/questions/2497146/is-css-turing-complete http://stackoverflow.com/questions/2497146/is-css-turing-com... where the top answer gives a Rule 110 solution, but I was satisfied with this comment: "BRILLIANT!. However, I don't think this qualifies as turing complete. CSS is only able to calculate 1 iteration of the state-machine. Your example relies on the human repeatedly clicking all the orange boxes in order to feed the "output" (pixels) back into the input (page state) and "pump" the state machine. Because there is no programmatic way to use the output of CSS as input, it can't be used to calculate any multi-step loops, the hallmark of turing-complete languages."
- jonhmchan 13y agoCSS continues to amaze me.
- canthonytucci 13y agoVery cool indeed. Am I remembering correctly that the reset button should make the power light blink if the system is on and reset is depressed?
- eridius 13y agoYes. While you hold the reset button down the power light should be off.
- deleted 13y ago[deleted]
- meerita 13y agoTo me this is unpractical example of use of CSS. Yes, you can do an image using tables and other elements or techniques but I think these things are just a waste of time. If you want to drool on something why not seeing this made on SVG AND using all the CSS, JS capabilities instead of showing something made in CSS with fewer uses.
- keithnoizu 13y agoart doesn't require utility.
- deleted 13y ago[deleted]
- throwaway1980 13y agohttp://www.lettersofnote.com/2010/01/art-is-useless-because.html http://www.lettersofnote.com/2010/01/art-is-useless-because....
- prawks 13y agoI don't think these types of examples are created to be practical, but more to just demonstrate what's possible/to experiment. Plus, it's probably fun. But I agree, an SVG implementation really would be something!
- deleted 13y ago[deleted]
- speedyrev 13y agoI feel like a kid who got a SNES for Christmas and found out no one bought any games.
- orangethirty 13y agoAmazing work. Do the Genesis Now. (:
- deleted 13y ago[deleted]
- mathiasben 13y agobe nice to see full realism and proportionality with the lid opening, should be on hinges and shouldn't change shape and size when it's opened.
- MrGrillet 13y agoDope. That is all.