3 ms·

I'm not OP but the creator of this "game". Nice to see my experimentation here ! Sorry for that so bad crossbrowsing, clip-path property is not easy to use. Sa

I'm not OP but the creator of this "game". Nice to see my experimentation here ! Sorry for that so bad crossbrowsing, clip-path property is not easy to use. Safari and IE won't work apparently. Ask me anything about it, I'll take time to answer !

andrewclunn 11y ago
When native CSS variables become possible in a future planned release, do you intend to do anything similar to see how far non-javascript web apps / games can go?
- victordarras 11y ago
  For sure, I already try by avoiding Javascript for simple interaction and UI behaviour in my work. I hope that CSS variables will be fun to play with.
  - wanda 11y ago
    This is exactly why I liked your creation. Sure, pushing the boundaries of CSS is cool, but the message is what really matters: reserve the JavaScript for applications. This exploration of logic gates in CSS is a really great example too: http://silon.slaks.net http://silon.slaks.net
frozenport 11y ago
Your game is too hard, please make it slower.
- jbpetersen 11y ago
  Personally I found it too easy.
  - frozenport 11y ago
    Does the game become harder on a 4K monitor?
- i336_ 11y ago
  Opened the comments with the same sentiment, +1 Using an ordinary mouse with X11's standard acceleration settings I don't have enough precision and keep hitting the walls - it's so bad I can't get past the first 3 or 4 seconds :(
foota 11y ago
Do you think it would be possible to use svg streaming[1, spec][2, an example] to make the game continue on? [1] http://dev.w3.org/SVG/modules/streaming/ http://dev.w3.org/SVG/modules/streaming/ [2] http://snipplr.com/view/64802/simple-svg-streaming-server/ http://snipplr.com/view/64802/simple-svg-streaming-server/
- victordarras 11y ago
  Yeah probably and that would be awesome ! But it needs JS... well for another experiment !
  - swsieber 11y ago
    It might not actually! I saw a post here on hn recently where somebody made a version of connect 4 that didn't need javascript OR page reloads. IIRC the gist of it was: 1) The page was never done loading 2) Each element (slot for a piece) was tied to a unique piece of css (for the hover state? active state?) 3) When the element of was clicked it would trigger a resource request from the server 4) The server used that as a cue to spit out some more html onto the ever loading page.
nitin_flanker 11y ago
It's really awesome. The motion is so smooth. I don't know about IE or Safari, but it runs great on Chrome. I would like see more work from you. Cheers!
aryamaan 11y ago
I suppose I game is to keep my cursor in the dark area as the game proceeds. But after the start of the game, if I don't move my cursor at all, I win every time (even cursor goes to the lighter area in between).

andrewclunn 11y ago

When native CSS variables become possible in a future planned release, do you intend to do anything similar to see how far non-javascript web apps / games can go?

victordarras 11y ago
For sure, I already try by avoiding Javascript for simple interaction and UI behaviour in my work. I hope that CSS variables will be fun to play with.
- wanda 11y ago
  This is exactly why I liked your creation. Sure, pushing the boundaries of CSS is cool, but the message is what really matters: reserve the JavaScript for applications. This exploration of logic gates in CSS is a really great example too: http://silon.slaks.net http://silon.slaks.net

frozenport 11y ago

Your game is too hard, please make it slower.

jbpetersen 11y ago
Personally I found it too easy.
- frozenport 11y ago
  Does the game become harder on a 4K monitor?
i336_ 11y ago
Opened the comments with the same sentiment, +1 Using an ordinary mouse with X11's standard acceleration settings I don't have enough precision and keep hitting the walls - it's so bad I can't get past the first 3 or 4 seconds :(

foota 11y ago

Do you think it would be possible to use svg streaming[1, spec][2, an example] to make the game continue on? [1] http://dev.w3.org/SVG/modules/streaming/ http://dev.w3.org/SVG/modules/streaming/ [2] http://snipplr.com/view/64802/simple-svg-streaming-server/ http://snipplr.com/view/64802/simple-svg-streaming-server/

victordarras 11y ago
Yeah probably and that would be awesome ! But it needs JS... well for another experiment !
- swsieber 11y ago
  It might not actually! I saw a post here on hn recently where somebody made a version of connect 4 that didn't need javascript OR page reloads. IIRC the gist of it was: 1) The page was never done loading 2) Each element (slot for a piece) was tied to a unique piece of css (for the hover state? active state?) 3) When the element of was clicked it would trigger a resource request from the server 4) The server used that as a cue to spit out some more html onto the ever loading page.

nitin_flanker 11y ago

It's really awesome. The motion is so smooth. I don't know about IE or Safari, but it runs great on Chrome. I would like see more work from you. Cheers!

aryamaan 11y ago

I suppose I game is to keep my cursor in the dark area as the game proceeds. But after the start of the game, if I don't move my cursor at all, I win every time (even cursor goes to the lighter area in between).