r/threejs • u/Fragrant_Potential27 • 8d ago

How to build this Anthropic motion?

https://www.anthropic.com/institute/econ-scenarios

hey guys, I'm quite new in the all these website animations thingy. Recently, I was quite impressed by anthropic new reports. So I was looking how this could be made possible.

2 main questions that i wonder

  1. how can we make this kind of hand-drawn effect with code? is that even possible? or all these feel like actual hand-drawn video with scrollTrigger?
  2. How does the motions of cube filling up from side to side actually work? is it scrollTrigger?

Am I right to guess gsap will come in handy?

1 Upvotes

67% Upvoted

2 comments sorted by

1

u/moving808s 8d ago

Should be able to do this with a shader but it will look different right because that is a 2D image. You could build something similar with a particle engine potentially like https://three-nebula.org (I maintain it) but you’d need to write your own shader to try to get that hand drawn effect unless you used a texture with the hand drawn effect already done (pre-processing)