3 ms·
Working on simeville, a little 2D Canvas demo that builds a town. You can try it yourself here: https://simonsarris.github.io/simeville/ https://simonsarris.git
by simonsarris 7y ago
Working on simeville, a little 2D Canvas demo that builds a town. You can try it yourself here: https://simonsarris.github.io/simeville/ https://simonsarris.github.io/simeville/ (pardon the graphics, they're stand-ins right now)
Click to make buildings (above the tree line only right now) and click and drag the sun down to go to night. Drag the moon to return to day.
Gif of night sky: https://twitter.com/simonsarris/status/1235761030996901888 https://twitter.com/simonsarris/status/1235761030996901888
The point is to replace the background town that's currently on https://simonsarris.com https://simonsarris.com (which is animated purely by CSS right now, including the birds) with a much more interactive and playful one. (the current site background gives you an idea of what will be built and why it currently only works behind the tree line). The time consuming part right now is making pretty graphics. I had begun with buildings made from Canvas drawing code, with procedural params and all that, but I'm switching to images because it will be much prettier in the long run.
- m00dy 7y agoI just checked your demo. Good Job
- bartread 7y agoLooking good: I should have read your comment in full before I tried it because I was sitting here wondering why I could only create buildings in the sky. Neat idea though, and it'll be awesome when it looks as good as the picture you have on your website at the moment.
- tcgv 7y agoNot sure why, but it is very relaxing dragging the moon up going into night ;)
- dybber 7y agoCool, would like to check it out, but doesn't seem to work on neither Firefox nor Safari: "TypeError: document.getElementById(...) is null" on line 58 in main.js