140 comments

[ 3.3 ms ] story [ 82.6 ms ] thread
Any guide? I assume that the sounds happen in a sequence, is there a way to control this?
The sound is a randomly-selected C, D, E, or G note. Emoji are also selected from a random pool of plants and creatures. There is no way to control this which is a part of the point and fun of the project
Nope, it's random. The 4 possible notes are a subset of the major pentatonic scale, so they sound reasonably harmonious in pretty much any order.
[flagged]
It's a better use of time than reading comments about the approval of bitcoin ETFs. Same level of productivity (zero) but didn't leave me feeling angry.
(comment deleted)
Does anybody know of an application to more easily map out a garden space?
IRL? I'd recommend paper.js, it has out of box support for pen.js for mapping 2D objects on planar surfaces.
If you’re not used to using regular design tools, I recommend using a spreadsheet like a low-res bitmap to make a map. It’s as simple or complex as you want it to be, short of making a 3d or writing a real application—- from painting cells with fill colors to scripting.

If you’re looking for something more visual, have a dedicated video card, and don’t mind going down a bit of a rabbit hole, do it unreal engine with the bazillion existing free assets. It’s one of the simpler 3D environments to learn to navigate and you can just drag and drop stuff from the free assets. I don’t know that I’ve seen another complex application that’s embraced the “batteries included” concept any more thoroughly. Of course, you can go as deep as you want, but I’ll bet you could get very pretty version up and running in an afternoon.

I’ve thought about this for a few years. Sq ft gardening would lend itself very well to a grid like this one. I wonder if anyone will find anything.
I enjoyed it more than I thought I would. Try turning a patch of the garden into the same symbol!
Interesting site! A minor suggestion would be to resize the area when the browser is resized, but cool nevertheless.
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.
I agree. This is the kind of thing I'd love to see more of on the web.
Here you are, for random awesomeness: https://sharkle.com
I need a browser extension that redirects any twitter URL to a random page from this site. What a nicer way to procrastinate than doomscrolling.
Here’s a microwave I made.

https://microwave.pointless.click/

I got a big chuckle out of this one. Nice work
Frozen vegetables take a really, really long time to cook. 99:99 in fact.

This is great. What a fun project

This is great, but does the audio not work on iOS?
Is your little switch flipped on the side of your phone?
I believe most models have a quickstart function that just starts when you press the start button... if you're so inclined.
While we're sharing random toys, https://gashlin.net/tests/graft/

More of a game but also https://gashlin.net/tests/feat/

Really cool how it randomizes after all the colours are blue - did you build in any other hidden features?
Checkout out feat, good work
The concept is funny, but actually playing it is very frustrating. It's a perfect example of a game where the difficulty comes from poor controls. (Though it appears to be intentional in this case.)
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.
Who's gonna write an algorithm to turn every single flower into a [plant of choice]?
Oh, I didn't realize you could click to cycle. Thought you had to move to an adjacent tile and back to cycle
It seems like not all columns are the same. For example I couldn't get an apple in the middle column
Col 15 has an apple for me. As do 14 and 16. I also spent a few minutes trying to get one column to be the same icon. This is a fun little project.
This worked on firefox

   const event = new Event("mousedown")

   const pArr = Array.from(document.querySelectorAll("p"))

   function switchSymbol(target) {
     target.dispatchEvent(event);
   }

   function switchUntil(target, until) {
     while (target.innerText !== until) {
       switchSymbol(target);
     }
   }

   for (const p of pArr) {
     switchUntil(p, "")
   }
Change the second argument of switchUntil to the emoji you want. HN doesn't allow emojis
(comment deleted)
What is your plan for monetization? Places an ad in every fourth emoji slot?
through a very complicated trick you're actually sending your clicks to verify that someone else is not a robot, even though they are.
No. Next step is add blockchain. Then add ChatGPT. Vulture capitalist money flows in. Then sell off when IPO debuts.
So cute & charming!

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

I wish it did something when you got 100% completion :D
Can you make it store my garden?
Awww, a garden of only rabbits, just like in real life.
I appreciate that the sound only turns on if you click.
Yeah, even browser don't allow music unless a click event happens first.
This is so awesome! I noticed the favicon too changes to the current emoji (nice little detail)
Yes, and I've not seen this before, the HTML uses an SVG with an emoji in it as the favicon:

    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22>
      <text y=%22.9em%22 font-size=%2290%22>
        :( HN has remove the emoji
      </text>
    </svg>">

Very neat. Might use that.
I'm just learning JS and P5.play - possibly a daft question why is using SVG useful over say just an emoji/text?
It's interesting (to me) in this specific example because it generates a favicon using SVG + emoji. I wasn't aware that could be done. Favicons can't be simple enoji/text, they have to be an image.
big thanks for the reply

the grid is made up of <p> fields, I thought you just could replace the sqiggly line (background) with an emoji/text using the right font etc instead of svg/emoji

That’s what I do on my site! It is (AFAIK) the only way to get platform-specific, dynamic emojis as the favicon.