Lemmings CSS Animation

(markblah.github.io)

81 points | by MarkBlah 2 hours ago

8 comments

  • OuterVale 15 minutes ago
    I enjoy putting the lemming in the margin on the bottom of the viewport at the left or right side then scrolling down such that the lemming plummets. Then, scrolling up, I can make it bounce up as if it is on a trampoline. Very funny.
  • Waterluvian 1 hour ago
    That’s pretty sweet.

    I did something on my site recently like that where you can click a hexagon and it turns into a robot and starts SLAM mapping the page, navigating around text elements carefully.

    Were you initially surprised by how easy it was to get exact block size of individual characters and not just entire dom elements? That’s the part I thought was going to be the most difficult.

    • tomcam 37 minutes ago
      https://ablakey.ca/

      Nice! Your site is impressive and your achievements even more so.

    • diginova 1 hour ago
      the base plates lighting up showing history of where the robot travelled is a fun detail
  • ggsp 47 minutes ago
    Cute :) It has a couple of zoom bugs on mobile, something like

    html { overflow-x: clip; touch-action: manipulation; }

    should fix them!

    • MarkBlah 42 minutes ago
      Oh awesome thank you, I will add this in
  • noufalibrahim 35 minutes ago
    I don't know if I'm remembering this correctly but there used to be a site called html5lemmings (or something similar) where you could play a few levels of the game. This was before modern web applications and things were still mostly server side rendered with minimal javascript. The demo was quite impressive. I don't know if it's still there. Couldn't find it with a quick search.
  • alana314 56 minutes ago
    This is fantastic.
  • cheapcheerful 36 minutes ago
    Awesome. Loved the originals.
  • MarkBlah 2 hours ago
    A tribute to Psygnosis, just for fun
  • memming 35 minutes ago
    Now that's what I'm talking about.