79
Show DN : I made a game only with CSS/HTML (victordarras.fr)
almost 8 years ago from victor darras, Web Designer @ Synbioz
30 comments
Jesse Head, almost 8 years ago (edited almost 8 years ago )
Pressing arrow keys hides the orange triangle, allowing you to instantly win... just incase you didn't realise.
Surjith S M, almost 8 years ago (edited almost 8 years ago )
Cheatcode :D
victor darras, almost 8 years ago
Yep, there's some glitches to play with :p You're the first one that notice this , congrats !
Haha, good job btw man. Cool game.
Jeff L, almost 8 years ago I just hovered the mouse over the border, also works
Just in case you want to fork it :) http://codepen.io/victordarras/pen/xZOqoE
Neil Livingstone, almost 8 years ago Wow this is surprisingly addictive. Kudos to the author!
p k, almost 8 years ago I would've spent a lot of time on it if it had a score system.
Dan Cortes, almost 8 years ago
That might be possible with CSS counters. Holy shit, that'd be something else. Either way, great job, OP!
Andy Chipperfield, almost 8 years ago
That's pretty damn great to be honest. ⭐️⭐️⭐️⭐️⭐️
Hendra Susanto, almost 8 years ago
What I love about this is the techniques used in this isn't really complicated and difficult to understand. Kinda shows you that you don't need to write complicated and sophisticated libraries/frameworks to come up with a way of doing new things.
Ralph Theyer, almost 8 years ago Wow this is boss.
Tony Jones, almost 8 years ago I just slightly touched my mouse then didn't move it at all and won on the first try.
Second glitch found. Well played ! It seems that the hover state is not called when the hovered element is translated under the mouse. Like a webkit error...
Vasil Enchev, almost 8 years ago
I am so happy this didn't take forever to win. Now I can continue doing stuff...
Mahdi Farra, almost 8 years ago
It's really good and kind of addictive. You could add a score to the game with different maps which will make people spend more time on it.
Yep I can probably do it. But without javascript it will rapidly become a nightmare to write.
Yeah, do it in Javascript. I can see the potenial for it
Luke Whitehouse, almost 8 years ago A really great show of tech, congrats :)
Hampus Olsson, almost 8 years ago
I don't know if it's easier to use a pen tablet playing this game, but I won on the second try! I want more levels! :)
Mithun James, almost 8 years ago I increased the animation duration so that I could win. :/
Nice hack :)
Jason Perez, almost 8 years ago (edited almost 8 years ago )
Edit: oh, it's Chrome only. Got it.
Jordan B, almost 8 years ago
Rad game. Super addicting. Great work!
Oliver Browne, almost 8 years ago Really impressive stuff!
Adam Ferch, almost 8 years ago
awesome job.
Blake Rutledge, almost 8 years ago
fun! at first i thought the svg walls were built with css too. seems doable, but too obnoxious haha
You're right it's doable x). I made a first version only with CSS but writing clip-path property is just horrible ... It's so much easier to draw it in you're favorite vector editor (to have a complete view of the level, to draw nicely curved walls...). No svg version (but too damn easy) here : http://codepen.io/victordarras/pen/OMMmxP
haha, too easy, first try! yea, the walls in css would be one of those things that, yes, id be impressed, but also like holy shit too painstaking get a life.
you know, like saying your shit works in IE5 :D
David Darnes, almost 8 years ago
It's amazing what people can create with just HTML & CSS. Nice job!
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now