Three js Experiments with Time

[Gnan_Sai]

Woking on a fun projects using Blender, WebGPU, Three Shading Language

1. https://gnanasai-threejs-time-viz-02.vercel.app/
   Three js Instances
   TinySDF for mask generation which is being used for scaling the instances using TSL

2. https://gnanasai-threejs-time-viz-03.vercel.app/
   Three js Stencil buffer to create a fake Infinity mirror effect

3. https://gnanasai-threejs-time-viz-04.vercel.app/
   TSL for lighting the bulbs
   Bulb models made with blender

[manthrax]

daaang very nice work.

[Lawrence3DPK]

These are lush, great work!

@Gnan_Sai

fake Infinity mirror effect

I notice a substantial lag when numbers change, if the numbers are being recomputed every second could it be worth simply storing a precomputed range of numbers (0-9) and switching them out accordingly rather than recompute them every second?

[Gnan_Sai]

Thanks for testing out the live version.
I precomputed the numbers.
When ever the digit change, I clear the holder object and clone the new digit.

        if (digit !== prevDigits[i]) {
           const holder = textHolders[i];
           holder.clear();
           holder.add(numberMeshes[digit].clone());
          }

[DrTone]

The light bulbs are especially nice!

[Gnan_Sai]

Thank you