5 ms·
Game made using only CSS
- ewolfe 15y agosource https://github.com/ndruger/css-game https://github.com/ndruger/css-game
- deleted 15y ago[deleted]
- astrodust 15y agoBased on the source, it's kind of clever. Each "cow" and "haystack" are a pair of radio buttons, so clicking on the cow toggles the select state for both simultaneously. This combines with some fancy CSS animation to make the cows fly around so they're harder to click.
- meric 15y agoI still don't get how the counter is incremented.
- johnswamps 15y agoThe counter is a large image with every possible score (http://ndruger.lolipop.jp//hatena/20110429/css_game/images/counter_image.png http://ndruger.lolipop.jp//hatena/20110429/css_game/images/c...). Initially only the top of the image is shown, but as the radio buttons are clicked it makes visible some spacing elements which move the image so the next score is shown.
- trafficlight 15y agoI see. So each input is being made visible in sequence and the overflow outside of #counter is hidden.
- deleted 15y ago[deleted]
- ubershmekel 15y agoDoes this mean the sequence isn't random? Or is there a CSS trick for randomizing?
- rodh257 15y agoIt's good to see something that is advertised as 'only CSS' or 'pure CSS' that is actually pure CSS and doesn't have any javascript.
- zbowling 15y agoClever. Does this count as CSS being turing complete yet?
- paulitex 15y agoCan you use CSS to throw your browser into an infinite loop?
- robin_reala 15y agoA Turing complete machine can require a manual intervention for each step. But yes, if you keep clicking an infinite number of times it can be.
- qntm 15y agoI've seen this, in situations where a link is set to become bold when the mouse pointer is hovering over it. The result is that the text becomes bold, and redistributes itself. Having redistributed itself, the bold link is no longer under your mouse pointer, so the link shrinks back to normal font weight. Now the link is back under your mouse pointer so it becomes bold again. Repeat.
- robert-boehnke 15y agoSomebody implemented Rule 110 with CSS and HTML, so I guess it is. See http://news.ycombinator.com/item?id=2300836 http://news.ycombinator.com/item?id=2300836
- JonnieCache 15y agoAs the discussion from that thread concluded, it all comes down to how you define "turing completeness" with respect to the status of turing machines as necessarily abstract constructs, what with their requirement of infinite time/space. It also depends how you view the need for human interaction to drive computation as being relevant to the definition. Neither of these things were really central ideas in turing's original work, so its kinda open to interpretation.
- DCoder 15y agoMore pure CSS minigames can be seen at http://www.cssplay.co.uk/menu/ http://www.cssplay.co.uk/menu/ , under Puzzles.
- rimantas 15y agoThis one http://www.cssplay.co.uk/menu/amazing.html http://www.cssplay.co.uk/menu/amazing.html was created in 2004. That's seven years ago… http://web.archive.org/web/20041030050027/http://www.stunicholls.myby.co.uk/menu/amazing.html http://web.archive.org/web/20041030050027/http://www.stunich...
- rufibarbatus 15y agoThe problem of programming a game based on :hover states is that you can cheat the game by using a context menu to pass through the walls.
- aw3c2 15y agoblogspam, source is http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game.htm http://ndruger.lolipop.jp//hatena/20110429/css_game/css_game...
- akkyakimoto 15y agoThere are a lot of non-English news there. Without translation, it had not been noticed for about a month for example.