Building Bauble
159 points by ianthehenry 19 hours ago | 25 comments
  • FragenAntworten 19 hours ago |
    This is both a great demo of what Bauble can do and an engaging description of its development. I'm impressed by both!
  • mrayycombi 17 hours ago |
    3d latex
  • troad 17 hours ago |
    This is so cool. I love this so much. I read the article on my RSS, and then immediately hopped over to HN just so I could upvote.

    > Fortunately though, over the course of Bauble’s development, I had produced a comprehensive suite of test scripts with reference images that demonstrated all of the edge cases and problems that I had faced and already fixed and… No, of course not. I can’t even type that with straight fingers. There were no tests.

    Intensely relatable.

    • xrd 15 hours ago |
      What RSS reader do you use, may I ask? Mine (readrops for Android) doesn't render the images. It is probably quicker to just review the XML but I'm committed to this comment now.
      • troad 12 hours ago |
        Nor did mine, interestingly. I'm not entirely sure why, the HTML for the first image seems to render fine on its own. It's a very long <picture> tag, seemingly optimised to return different sizes at different resolutions. It looks like something generated by a web framework. I still hand-write my <img> tags like it's 1999, so I'll leave it to the frontend wizards to explain what the problem here is.

        Re my choice of reader, I host FreshRSS[0] on a home server, using the official Docker image.[1] It comes with pretty good in-built webpage change tracking too, for websites that refuse to offer RSS. I don't feel confident enough to expose it to the Internet, though I imagine you could use something like Tailscale to tunnel home securely for it.

        [0] https://freshrss.org/; https://github.com/FreshRSS/FreshRSS/

        [1] https://hub.docker.com/r/freshrss/freshrss/

        • xrd 11 hours ago |
          Funny, I'm using FreshRSS as my feed aggregator as well, but then reading it using the android app. One of us should file a bug.
          • troad 7 hours ago |
            That is amusing! I'd think that your Android app would be using a different rendering engine to my desktop browser though? There must be something non-standard about those images.
  • dinkumthinkum 16 hours ago |
    This is very nice. I remember first watching Inigo Quilez videos and they are extremely impressive but this, obviously, gives a little more insight into making something work. Well done.
  • xnx 16 hours ago |
    Wow. Very impressive work and a very readable and interesting summary. You should be immensely proud.

    Personally, it is reassuring to know there are still people out there capable of doing such complicated and quality work. After seeing my 1000th $19/month thin wrapper over uncredited AI, I had doubts.

  • keeptrying 15 hours ago |
    Beautiful
  • peterkos 11 hours ago |
    After reading this, I am now of the belief that software is, actually, a good thing. And that programming can be enjoyable.

    Seriously, this does such a good job of capturing the feeling of MAGIC that code is capable of -- both in its process and in its output. Textbook "craft". It's hard to experience that sometimes when surrounded by dependency hell, environments, build systems, certain dynamic programming languages, and the modern web ecosystem.

  • agentkilo 9 hours ago |
    This article is really inspiring! I have a few dozen half-baked projects, that's meant for no one else but me, to play with, or to "learn new things" from, but none of them ever became so complete and polished as author's Bauble. I can feel the pure enjoyment of crafting from the article. I hope more people can find out about it, and share OP's joy.

    I should really finish what I started. It may take, say, eighteen years, but I should finish them XD

  • medhir 9 hours ago |
    Absolutely incredible, the power of persistence can yield such cool results.

    I bookmarked to play around with the editor sometime, I’ve always wanted to learn GLSL and this feels like a more gentle intro into the world of shaders.

  • atombender 7 hours ago |
    The die cast bronze sculptures are very cool. Where does one go to get them cast from 3D models? Sounds very expensive to do as a one-off (the author is a developer at Jane Street, which probably explains why they could afford it).
    • ianthehenry 3 hours ago |
      I ordered them from sculpteo — the only service I could find that would do it. Very happy with everything I’ve gotten from them. It is very very expensive if you want to make anything large, but for small jewelry-scale stuff it’s not too crazy. The balloon is seven custom parts so that was pricey ($250 total?), but the other two models were around $50 each.
      • atombender an hour ago |
        That's surprisingly cheap for a one-off. Thanks, I will have to check them out.
  • uxcolumbo 5 hours ago |
    This is awesome and inspiring. Thanks for the write up.

    I like the look and style of the game art and making it interactive, somewhat makes me think of the game 'The last night' (still in development).

    Your post made me curious about Janet. Will explore it more and how it can be used for graphics and art.

  • flir 3 hours ago |
    That was fantastic on, like, eight different levels.
  • Multiplayer 2 hours ago |
    Been here for 15 years. This is the most interesting project and writeup I have ever seen here.
  • tempodox an hour ago |
    Fuck Apple, I'm only getting “TypeError: undefined is not an object (evaluating 'renderer.recompileShader')” in Safari. It works in Firefox.
    • spiralganglion an hour ago |
      Worked on my iPhone.
      • tempodox an hour ago |
        What iOS version? I'm on macOS 13 (Ventura).
    • ianthehenry an hour ago |
      huh, that's no good. it works fine for me on safari 18.1. would you share the line that it's raising on? no other errors before that one?
      • tempodox 8 minutes ago |
        No usable line, only a URL: https://ianthehenry.com/posts/bauble/building-bauble/bauble....

        After that, is shows line number 1 and a column number in the millions, so seems to be megabytes of code in that JS file.

        For each code box, I get two errors with the same URL, just different column numbers:

        - TypeError: undefined is not an object (evaluating 'renderer.draw')

        - Unhandled Promise Rejection: Error: failed to create webgl2 context

        This is Safari 18.2 on Ventura (Intel), which seems to be a buggy release all around. Even the scroll bars are broken.

  • skalarproduktr an hour ago |
    Congrats, Ian, on the amazing side project and the thorough and thoroughly enjoyable writeup.

    You really got me with the tests for the original Bauble, I had a good laugh after that paragraph!

    I’m now also somewhat inclined to have a deeper look into Janet, it looks both useful and interesting.