CAT threejs Website

Showcase
1

Creative Advertisement & Technologies (CAT) has intergrated 3js to achieve an orbiting particle system and a gradient background, its transition resembles day-night cycle on scrolling up and down.

https://catweb.in

2

I like cats. The site looks nice. Here are a few observations:

  • very old release of Three.js is being used
  • the particles are round at the beginning, but square at the end of the scroll
  • some resources are retrieved from threejs.org, it is better to host them locally
  • does this .transition property really work (I’ve used it only in CSS):
// Add blur and glow effects
const glowMaterial = new THREE.MeshBasicMaterial({
          color: 0xffa500,
          transparent: true,
          opacity: 0,
          blending: THREE.AdditiveBlending,
          transition: 'opacity 1s ease, transform 1s ease'
      });
1 Like
3

Much appreciated, let me
implement the suggestions you have put forward. Thanks mate.