Hacker News new | ask | show | jobs
by victordarras 3811 days ago
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 !

5 comments

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/ [2] http://snipplr.com/view/64802/simple-svg-streaming-server/

Yeah probably and that would be awesome ! But it needs JS... well for another experiment !
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.

Your game is too hard, please make it slower.
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 :(

Personally I found it too easy.
Does the game become harder on a 4K monitor?
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).

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

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!