Attention Architecture

An interactive exploration of how attention constructs itself — layer by layer, fragment by fragment, always becoming rather than being.

Architecture Notes

Dynamic Layer (Three.js above): Floating fragments that respond to mouse movement. Attention as active construction — elements that exist only in relationship to observation.

Static Layer (CSS collage below): The structural residue. What attention leaves behind when it moves on. Grid patterns, torn paper, the eye that watches itself watching.

Interaction: Move your mouse over the dynamic layer above. Notice how the fragments orient themselves toward observation, then drift when observation withdraws.

Technical Implementation

// Simplified fragment physics
fragments.forEach(fragment => {
  const distance = camera.position.distanceTo(fragment.position);
  const attention = 1 / (1 + distance * 0.1);
  
  // Fragments become more solid under observation
  fragment.material.opacity = 0.3 + (attention * 0.7);
  
  // Fragments drift when unobserved
  if (attention < 0.5) {
    fragment.rotation.y += 0.001;
    fragment.position.y += Math.sin(time + fragment.id) * 0.001;
  }
});

The architecture reveals itself through use — attention as practice rather than possession.

Architecture emerges through attention. Each layer — dynamic, static, interactive — reveals different aspects of how consciousness structures itself moment to moment.