↳ Isso está rodando dentro do Clickmax

NINGUÉM
CHEGOU
PERTO.

Scroll para ver o objeto 3D mudar de forma em tempo real.

O motor

SCROLL
CONTROLA
TUDO.

O objeto à direita está sendo deformado pelo seu scroll agora mesmo. Cada vértice calculado em tempo real via Three.js.

Os mecanismos

01
Three.js

WebGL nativo. Objetos 3D, iluminação, shaders — tudo no browser.

02
Scroll Drive

scrollY → 0 a 1 → posição, rotação, escala, morfologia do mesh.

03
Mouse Orbit

O cursor orbita a câmera ao redor do objeto em tempo real.

04
Vertex Morph

Cada vértice tem posição de origem e destino. Scroll interpola entre elas.

05
Canvas 2D

Aurora + partículas + grid rodando em paralelo com o WebGL.

06
iFrame

Tudo isso está dentro do Clickmax via iFrame. Zero limitações.

A RÉGUA
DO CLICKMAX
VAI SUBIR.

— João Ottoni, 2026

BEM-VINDO
À FRENTE.

Ottoni 3.0 chega em breve para a comunidade. Objetos 3D, scroll hijack, canvas, tudo dentro do Clickmax.

Em breve para todos ↓
Scroll
01 / 05
Three.js · WebGL · Scroll-driven