17 ms·
Drawing.garden
- SushiHippie 3y agoAny explanation?
- bebrws 3y agoJust some calming awesomeness?
- fny 3y agoTap the squiggles.
- RobertDeNiro 3y agoHow do I win?
- notnaut 3y agoToo late. :(
- flockonus 3y agoSet every single cell to ladybug to win.
- ranting-moth 3y agoA strange game. The only winning move is not to play.
- elwell 3y agoContentment.
- Cyphase 3y agoThat choice is left to you.
- jaskab 3y ago[dead]
- brink 3y agoIf you enjoy zen experiences like this, you might also enjoy Proteus. https://www.youtube.com/watch?v=03X83rAkofU https://www.youtube.com/watch?v=03X83rAkofU
- bossyTeacher 3y agoAny guide? I assume that the sounds happen in a sequence, is there a way to control this?
- teraflop 3y agoNope, 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.
- Minor49er 3y agoThe 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
- pugworthy 3y agoWait, there's sound?
- collinvandyck76 3y agoClick on something
- Popeyes 3y agoAnd then wonder why you can't turn it off.
- nivethan 3y agoThe source is http://benmoren.com/ http://benmoren.com/ :)
- nickloewen 3y agoCool work, thank you for sharing!
- 38 3y agohttps://github.com/bmoren/drawing-garden https://github.com/bmoren/drawing-garden
- vineyardmike 3y agoJust to add for anyone looking at that link - this guy seems to be an artist who combines technology and nature and senses. He has a ton of really interesting stuff to click through on this website.
- admtal 3y agoLovely
- 1-6 3y ago[flagged]
- fancyfredbot 3y agoIt'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.
- gerdesj 3y agoWhy not toddle off to a thread about climate change - that should get the juices flowing (grind your gears). https://news.ycombinator.com/item?id=38941747 https://news.ycombinator.com/item?id=38941747
- deleted 3y ago[deleted]
- oth001 3y agoDoes anybody know of an application to more easily map out a garden space?
- Avicebron 3y agoIRL? I'd recommend paper.js, it has out of box support for pen.js for mapping 2D objects on planar surfaces.
- chefandy 3y agoIf 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.
- philipodonnell 3y agoI’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.
- mstade 3y agoA buddy of mine is working on an app for this: https://www.flourish.garden/ https://www.flourish.garden/
- ChintanGhate 3y agoI enjoyed it more than I thought I would. Try turning a patch of the garden into the same symbol!
- jzombie 3y agoInteresting site! A minor suggestion would be to resize the area when the browser is resized, but cool nevertheless.
- kibwen 3y agoLittle 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.
- techwizrd 3y agoI agree. This is the kind of thing I'd love to see more of on the web.
- lovegrenoble 3y agoHere you are, for random awesomeness: https://sharkle.com https://sharkle.com
- rideontime 3y agoI need a browser extension that redirects any twitter URL to a random page from this site. What a nicer way to procrastinate than doomscrolling.
- mensetmanusman 3y agoThe Internet, is a series of tubes and gardens.
- bcoughlan 3y agoThen you would love https://theuselessweb.com/ https://theuselessweb.com/
- cjstewart88 3y agoHere's a bunch of random shit I made: https://cjstewart88.github.io/r/ https://cjstewart88.github.io/r/
- Varriount 3y agoMight want to put an epilepsy warning next to "ribbon", those patterns were really trippy.
- zoklet-enjoyer 3y agoThat was fun. Thanks for sharing
- chefandy 3y agoThis is cute. Nice job. Good feels. It reminds me of some of the things I made in my interaction design classes in art school.
- Titan2189 3y agoWho's gonna write an algorithm to turn every single flower into a [plant of choice]?
- Titan2189 3y agoOh, I didn't realize you could click to cycle. Thought you had to move to an adjacent tile and back to cycle
- blharr 3y agoIt seems like not all columns are the same. For example I couldn't get an apple in the middle column
- deskamess 3y agoCol 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.
- Loeffelmann 3y agoThis 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
- deleted 3y ago[deleted]
- elwell 3y agoWhat is your plan for monetization? Places an ad in every fourth emoji slot?
- apantel 3y agoSponsored tones.
- ekianjo 3y agobillion dollar garden
- pugio 3y agoThis is the perfect follow-on to your joke: https://www.youtube.com/watch?v=vv445S62dgU https://www.youtube.com/watch?v=vv445S62dgU ("When People Hear You Have A Hobby").
- LegitShady 3y agothrough a very complicated trick you're actually sending your clicks to verify that someone else is not a robot, even though they are.
- xyst 3y agoNo. Next step is add blockchain. Then add ChatGPT. Vulture capitalist money flows in. Then sell off when IPO debuts.
- lasteone 3y agoSo you'd love this one, silly and pointless, with a strong skew towards little WebGL art toys: https://sharkle.com https://sharkle.com
- npunt 3y agoSo cute & charming! Please include user-select: none css so clicks with drags don't cause selection
- qingcharles 3y agoI wish it did something when you got 100% completion :D
- tomger 3y agoCan you make it store my garden?
- Waterluvian 3y agoI 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; }
- plonq 3y agoI believe overscroll-behavior is better https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-...
- Waterluvian 3y agoOh cool I had no clue.
- mensetmanusman 3y agoAwww, a garden of only rabbits, just like in real life.
- RomanPushkin 3y agoWho made the sound design if I can ask?
- canadiantim 3y agoI appreciate that the sound only turns on if you click.
- fayazara 3y agoYeah, even browser don't allow music unless a click event happens first.
- fayazara 3y agoThis is so awesome! I noticed the favicon too changes to the current emoji (nice little detail)
- austinjp 3y agoYes, 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.
- 123pie123 3y agoI'm just learning JS and P5.play - possibly a daft question why is using SVG useful over say just an emoji/text?
- austinjp 3y agoIt'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.
- 123pie123 3y agobig 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
- austinjp 3y agoNo worries. And yes, but that's not what I'm taking about :) I was interested in the favicon, which is the icon shown in the (desktop) browser tab. https://en.m.wikipedia.org/wiki/Favicon https://en.m.wikipedia.org/wiki/Favicon
- 3y ago
- justinzollars 3y agoI love it.
- newman8r 3y agonot bad! reminds me of mario paint.
- greentext 3y ago2024 off to a great start
- jayavanth 3y agosounds like Flume
- pezo1919 3y agoVery cool. Turned my brain off. High pitch is a bit too sharp fir me.
- sujayk_33 3y agoHow about keeping one slot always empty? Amazing Project but I expected that something might happen once I complete it...
- annrenson 3y agohttps://hatch.one/@remixables/digital-fidgets/edit 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.
- findthebug 3y agolove it!
- vincnetas 3y agoTook 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. https://p5js.org https://p5js.org
- Doubtme 3y ago[dead]
- peebeebee 3y agodocument.querySelectorAll('p').forEach(p => p.dispatchEvent(new Event('mousedown')))
- kuschkufan 3y agoOr use 'mouseover'. It will show some different emojis now and then.
- thomasfromcdnjs 3y agoconst pTags = document.querySelectorAll('p'); pTags.forEach((p) => { while (!p.textContent.includes('EMOJI')) { p.dispatchEvent(new MouseEvent('mouseover')); } }); Need to replace EMOJI with what you want Can't be bothered writing code that could add a delay so it would look like a pokie machine.
- idk1 3y agoWell, 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.
- topnde 3y agoI am part of the second group. Wouldn't even call it anxiety, but just some sort of "light disgust" feeling. Ok I guess it's cool, but you can't do anything useful with it. You can't even draw something meaningful with it like the domain says.
- ceuk 3y agoI totally understand the pseudo-autistic disgust/anger at inaccurate statements. I imagine a lot of us programmers are very sensitive to them in a discipline where small inaccuracies can have big consequences and I myself am easily irked by this type of thing. However, sometimes the inaccuracy stems from poor communication (or deliberate lying) on behalf of the communicator, but sometimes it comes from gaps in our own understanding or perspective. Is this just a silly, shallow little thing, or have you fundamentally missed some key point? I don't have the answer, but I think that's one of the fun parts of engaging with anyone's random creative output like this. There's always a small chance it could teach us something we didn't know before. E.g. it made me re-evaluate what "drawing" really is. Especially in a digital context. Is it a question of fidelity? At what point does altering individual elements (whether pixels on a screen or icons in a grid) in order to represent a larger picture become "drawing". i.e. if the pictures were much smaller and closer together would it feel like drawing? Is it a question of uniformity of media? i.e. would this feel more like drawing if instead of pictures it was just coloured blocks? I could go on but you get the point
- haliskerbas 3y agoYep if you have a good therapist they’ll help you learn and recognize to try and ignore that feeling in certain contexts like this! Of course it’s super nuanced person to person.
- trzeci 3y agoThere is a cool effect, when you populate every field
- sebtron 3y agoIs this supposed to work on mobile? All I see is a brown background (Firefox on Android).
- pmontra 3y agoI'm using your same browser on my phone. I touch a spot and something appears at random. I touch the same spot again and it's replaced by something random. I don't think there is a way to chose what to place in a given spot or to empty it so I don't see the purpose of the game (is it a game?) Anyway it's OK as first prototype. Just add a menu to choose plants from and it's done.
- reportgunner 3y agoOn PC the natural emojis are added on hover. When you hover again a different emoji is put in its place.
- pmontra 3y agoI gave it a try on desktop. I don't know if it's much better or much worse. Probably it's just an art installation, we take what it is. BTW there was no sound on mobile.
- TomK32 3y agoTook 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.
- stronglikedan 3y agohold mouse button to erase would be welcome
- deleted 3y ago[deleted]
- xtiansimon 3y agoThe 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.
- omk 3y agoAs 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; } }
- ilikehurdles 3y agoDo 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.
- deleted 3y ago[deleted]
- latexr 3y agoIf 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.
- tripleo1 3y agoNot useless, but pointless. Gives vibes of adult coloring (books). Thank you.