Well, this is delightful. Something interesting I've observed here... for most people this is very claming (like me). However for a small percentage of people it seems to induce anxiety because they can't understand why it exists or what it is for.

Took a look under the hood, it's p5js sketch. I use it for introductory programming course.

  p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone.

Took me a while to fill it all. Nothing exciting happens. If ideas for developing it further are welcome: Make them bees fly to flowers, spiders web their nets, rabbits hunt down carrots etc, sun flowers turning and pointing towards the sun... Shaders to make flowers sway in the wind and why not randomly turn the mouse pointer into a water can? An "ouch" sound effect when you hit a cactus.

The source is http://benmoren.com/ :)

How about keeping one slot always empty?

Amazing Project but I expected that something might happen once I complete it...

There is a cool effect, when you populate every field

This is so awesome! I noticed the favicon too changes to the current emoji (nice little detail)

Do the adjacent tiles affect the likelihood of getting certain creatures? First paint had no creatures, then I started getting ants, rats, doves, spiders, hedgehogs, and now my first bumblebee and rabbit.

A region of clovers seems to increase four-leaves clovers.

Edit - ok I guess not, after looking through the code. Still, getting the lion was pretty amazing.

As relaxing as this experience was, I thought of resolving the itch to write trivial code to control the emojis and creatures with left/right clicks.

    let clickCount = 0;
    document.addEventListener('contextmenu', event => { (clickCount == 0) ? clickCount : clickCount--; event.preventDefault() }, false);
    window.onclick = function (e) {
        return clickCount++;
    }
    function random(i) {
        let emojis = 20;
        let creatures = 14;
        if (i == 1) {
            return (clickCount % (creatures + emojis) < creatures) ? 0.02 : 0.03;
        }
        else if (i == creatures)
        {
            return index = clickCount % (creatures + emojis) ;
        }
        else if (i == emojis)
        {
            return (clickCount % (creatures + emojis)) - creatures;
        }
    }

The audio doesn’t seem to change depending on which area you interact in.

The images will cycle, but also give you a random image which you can’t bring back in one cycle of repeating images. I got spider, ant, hedgehog, ladybug, blue butterfly… but no more than twice.

I guess I started looking for intentional patterns. Then I started trying to make patterns (areas of same image). I had a little spark of ‘joy’ when I got a new image, and disappointment when I cycled it away because I was tapping too quickly.

I toyed with this until I didn’t find any more surprises and got bored. Which I feel is just fine.

I read there’s a lion and a snake. Not enough to make me want to play now, but it’s interesting there might be more patterns I did not discover.

Any guide? I assume that the sounds happen in a sequence, is there a way to control this?

If you enjoy zen experiences like this, you might also enjoy Proteus.

https://www.youtube.com/watch?v=03X83rAkofU

If you don’t get any sound, try clicking anywhere on the page. On Safari on macOS I can hover to reveal, but no sound plays until there is a click.

Is this supposed to work on mobile? All I see is a brown background (Firefox on Android).

Very cool. Turned my brain off. High pitch is a bit too sharp fir me.

So you'd love this one, silly and pointless, with a strong skew towards little WebGL art toys: https://sharkle.com

I love it. If you want to eliminate the pull down to refresh on iOS, I found this worked well for my projects:

/* Prevent elastic scrolling on ios */ html { overflow: hidden; }

Interesting site! A minor suggestion would be to resize the area when the browser is resized, but cool nevertheless.

I enjoyed it more than I thought I would. Try turning a patch of the garden into the same symbol!

So cute & charming!

Please include user-select: none css so clicks with drags don't cause selection

Who's gonna write an algorithm to turn every single flower into a [plant of choice]?

Not useless, but pointless. Gives vibes of adult coloring (books). Thank you.

Little toys like this are the spirit of the web. I'd never go through the rigamarole of downloading and deleting an app to fiddle with this for two minutes, but I sure as heck will click a link.

Does anybody know of an application to more easily map out a garden space?

2024 off to a great start

I appreciate that the sound only turns on if you click.

Awww, a garden of only rabbits, just like in real life.

I wish it did something when you got 100% completion :D

undefined

document.querySelectorAll('p').forEach(p => p.dispatchEvent(new Event('mousedown')))

Who made the sound design if I can ask?

not bad! reminds me of mario paint.

Can you make it store my garden?

That was fun. Thanks for sharing

I love it.

Lovely

undefined

This is cute. Nice job. Good feels. It reminds me of some of the things I made in my interaction design classes in art school.

Any explanation?

sounds like Flume

undefined

https://hatch.one/@remixables/digital-fidgets/edit

Another fun toy…this one was made on hatch.one, where you can make cool interactive projects without code.

love it!

What is your plan for monetization? Places an ad in every fourth emoji slot?

[flagged]

[dead]