Liquid Layers + TLDraw

Поділитися
Вставка
  • Опубліковано 2 жов 2024
  • Demo: grantkot.com/d...
    Just some early experiments with tldraw. Most of the time spent so far was just project setup

КОМЕНТАРІ • 20

  • @JTolmar
    @JTolmar 3 місяці тому +6

    Super neat! Real drawing tools are much more fun than what's usually in a sandbox. Regarding your mention of multiple simulation regions - I think what Noita did will work for you. They have a GDC talk if you want details, but the gist is that they have a loose grid, and each grid cell has a bounding box for the area within it that has unsettled physics.

  • @LowpolyGamedev
    @LowpolyGamedev 2 місяці тому +2

    Try to cut up your content into shorts, it will go viral. This stuff is wild

  • @sarah-janefield24
    @sarah-janefield24 24 дні тому

    So much fun!

  • @tonkgoobis2859
    @tonkgoobis2859 Місяць тому

    this is very fun

  • @Nerfgun_VR7564
    @Nerfgun_VR7564 2 місяці тому

    for some reason, my liquid layers doesnt have the liquid does anyone know how to spawn it or why?

    • @GrantKot
      @GrantKot  2 місяці тому

      Hi it might be the usage of webgl2. I think I will add a canvas based renderer as fallback soon.

  • @Mark_Rober
    @Mark_Rober 2 місяці тому

    this is so cool!

  • @Nyihm226
    @Nyihm226 2 місяці тому

    i feel like you are getting close to being able to simulate a pneumatic engine

  • @erikjohnson9112
    @erikjohnson9112 2 місяці тому

    Interesting concept (using the content to feed your compute-like layer). What is the gist of that implementation, does tldraw simply allow you to control the background or did you have to hack it in?

    • @GrantKot
      @GrantKot  2 місяці тому +1

      Tldraw doesn’t use a canvas but instead it actually uses the SVG/dom. So it is transparent and handles all the antialiased drawing over the background. So the liquid renders to another canvas via webgl and it is the browser compositing everything together

    • @erikjohnson9112
      @erikjohnson9112 2 місяці тому

      @@GrantKot Cool, that makes it even easier. So then you just need to share the camera transform between the two. Thanks!

  • @BenHarling
    @BenHarling 3 місяці тому +2

    This is utterly wikid :)

  • @23lkjdfjsdlfj
    @23lkjdfjsdlfj 3 місяці тому +1

    Truly amazing!

  • @goblinjedly9528
    @goblinjedly9528 2 місяці тому

    How can I add more liquid xd

    • @GrantKot
      @GrantKot  2 місяці тому

      Soon I will add the emitters and drains. Was porting over the webgl renderer today

  • @AIShipped
    @AIShipped 3 місяці тому

    This looks so visually amazing and its crazy how your latest videos don't have more views. I look forward to all the new iterations and physics you are planning on adding! Also have you seen the global illumination algorithm called radiance cascades? I saw a project kind of like this with liquids emitting light and I personally found it to look mesmerizing. I hope you can look into if if you have the time because I have not seen a project with multiple liquid colors and I think itll look crazy good!

    • @GrantKot
      @GrantKot  3 місяці тому

      Thanks! Yeah I've been following along with the radiance cascades stuff a bit. Back in the day i did work on something similar called Multigrid Lighting. Very cool that they have the directional aspect down and I would definitely like to try it. I'm very glad that the interactions are at a point where people are enjoying even with just the simple point shader but yeah, I'm interested in doing some more advanced rendering.
      An old multigrid-lighting vid:
      ua-cam.com/video/HqWheJSEiaw/v-deo.html

  • @m.i.c.h.o
    @m.i.c.h.o 3 місяці тому

    This is awesome! Great job

  • @gostan2718
    @gostan2718 3 місяці тому

    wow the development is so fast

  • @jcalderwood1
    @jcalderwood1 3 місяці тому

    Super cool