#Ideas/Direction on how to achieve reactive cursor?

9 messages · Page 1 of 1 (latest)

obsidian path
#

Sure, that's achievable in three.js. If you have "no experience", though, I would heavily temper your expectations. I'd be surprised if the person who built that website didn't have years' worth of experience.

lavish wyvern
#

I agree, that's not an easy job. Way to go could be something like:

  • create a scene with a cube or 3d model of your choice with three.js
  • track pointer movement on canvas with basic Javascript + HTML
  • apply some rotation to said model according to cursor position
  • add some shaders and effects to make it look more fancy
exotic charm
#

I will say that the rendering side of this is IMHO the easier part. Building the 'fluid dynamics' to handle the shape is a blend of lots of art and lots of science.

stuck comet
obsidian path
#

No experience with WebGL, graphics APIs?

obsidian path
#

Well good luck. You've got a journey ahead of you.