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.
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.
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.
Right, I thought the same. Construct it such that a Lemming falling down from the top will have to clear every level to the bottom instead of just falling past all of them.
As the first paragraph says (“Drag one to carry it”) you can move them around to put them on/in the parts that you want to test their interactions with.
Other than respawning them as you scroll around, so one starts in an appropriate place as a test comes into view, and resetting them automatically, perhaps on a timer, there probably isn't a better way to properly show it off than that.
I vibe-ported xpenguins[1] to Web[2] recently, can be used as bookmarklet and let run on any website. No original Lemmings in that one however, only the knockoff penguins.
Cute, but it would look nicer if the walkers were... you know, actually walking? Ok, might be hard to do with CSS to be fair, I don't know enough about CSS animation to judge that.
EDIT: works in Chrome and Firefox, doesn't work in Edge (on Linux - yeah, I know almost nobody uses that) for some reason...
I played this game for dozens of hours with my dad growing up and seeing and playing with these animations is one of those times when nostalgia is so overwhelming and unexpected that I feel physically dizzy. If the animation had the sounds of lemmings dying when they fell from too high[1] I might have been hospitalized. Good work.
Haha yea I pulled the sprites from the original game, I was thinking the same, an umbrella or die, it’d be a good way to artificially increase web analytics, maybe a message bubble
Could be, yeah, didn't look deep into it. Just speaking from my experience with the flashy websites doing impressive demos usually starting to lag fairly soon.
This sent me on a lemmings hunt and I found someone porting all of the lemmings games and community levels to Mac - https://github.com/ErikVeland/Lemmings
That kind of misses what made Lemmings fun though.
Without digging and building stairs and parachutes,
it is only Lemmings in name, not in spirit. Also,
exploding lemmings - this can probably be done via
CSS animations.
[OP] MarkBlah | 6 hours ago
msephton | an hour ago
Waterluvian | 5 hours ago
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.
diginova | 5 hours ago
tomcam | 4 hours ago
Nice! Your site is impressive and your achievements even more so.
alana314 | 5 hours ago
ggsp | 5 hours ago
html { overflow-x: clip; touch-action: manipulation; }
should fix them!
[OP] MarkBlah | 5 hours ago
cheapcheerful | 4 hours ago
noufalibrahim | 4 hours ago
tosh | 4 hours ago
https://www.elizium.nu/scripts/lemmings/
noufalibrahim | 4 hours ago
memming | 4 hours ago
OuterVale | 4 hours ago
nilail | 4 hours ago
felipeerias | 4 hours ago
It is unfortunate that the scenery is positioned in such a way that lemmings end up falling by the side all the way to the bottom of the screen.
Perhaps it would look better if you removed the padding from <body> and added more pits to the scenery.
9dev | 3 hours ago
dspillett | 22 minutes ago
Other than respawning them as you scroll around, so one starts in an appropriate place as a test comes into view, and resetting them automatically, perhaps on a timer, there probably isn't a better way to properly show it off than that.
grumbel | 4 hours ago
[1] http://xpenguins.seul.org/ and updated at https://github.com/Grumbel/xpenguins-ng
[2] https://xpenguins-web.github.io/
[OP] MarkBlah | 3 hours ago
jcattle | 3 hours ago
swiftcoder | 3 hours ago
WhyIsItAlwaysHN | 3 hours ago
rob74 | 3 hours ago
EDIT: works in Chrome and Firefox, doesn't work in Edge (on Linux - yeah, I know almost nobody uses that) for some reason...
filcuk | 3 hours ago
richardfey | 3 hours ago
rfarley04 | 3 hours ago
[1] https://www.youtube.com/watch?v=F_RmG9WB4BE
[OP] MarkBlah | 2 hours ago
shevy-java | an hour ago
[OP] MarkBlah | 11 minutes ago
SanjayMehta | an hour ago
allexsendev | 3 hours ago
And I overenjoyed throwing lil marios around
[OP] MarkBlah | 2 hours ago
allexsendev | 2 hours ago
freshteapot | 3 hours ago
Thank you for bringing this to life.
jdw64 | 2 hours ago
adamddev1 | 2 hours ago
Ok, this is awesome.
MisterMunchkin | 2 hours ago
VorticonCmdr | 2 hours ago
ckx | 2 hours ago
shevy-java | an hour ago
Without digging and building stairs and parachutes, it is only Lemmings in name, not in spirit. Also, exploding lemmings - this can probably be done via CSS animations.
cs02rm0 | an hour ago
https://postimg.cc/gxvZHbgG
tniemi | 58 minutes ago
Explanation: https://www.youtube.com/watch?v=uZ1atMUOUMU
ForgotMyUUID | 26 minutes ago
metchio | 14 minutes ago