Pagină internă · nu e în meniu
Gimmicks 4
Zece efecte de fizică făcute pentru telefon: gravitație, arcuri, scuturat și împins la derulare. Fiecare are culorile lui, ca să se vadă efectul, nu tema.
Apasă „Activează mișcarea” ca să folosești senzorul telefonului. Pe calculator, mouse-ul ține locul înclinării. Fiecare efect lucrează doar cât timp e pe ecran și se oprește când schimbi tabul. Eticheta din colț arată cât costă pe procesor. Cu „Reduce motion” vezi o singură imagine.
← /gimmicks3Jeleul
Soft body · inel de arcuri + presiune de gaz (Matyka), Canvas 2D
Un jeleu verde, cu ochi, stă în cutie și se turtește sub propria greutate. Înclini telefonul și alunecă într-acolo; scuturi și sare; derulezi repede și țopăie. Îl poți prinde cu degetul sau cu mouse-ul și arunca. Forma vine din arcuri între puncte, iar presiunea dinăuntru îl umflă la loc, ca pe un balon.
Clepsidra
Falling sand · automat celular pe grilă, gravitație în 8 direcții
O clepsidră adevărată. Fiecare bob de nisip e un pixel care cade în jos sau alunecă în diagonală. „Jos” e gravitația reală a telefonului: întorci telefonul cu susul în jos și nisipul curge înapoi. Pe calculator sau fără senzor, atingi clepsidra ca s-o întorci. Scuturi și nisipul sare.
Lichidul din bilă
Slosh gauge · rând de arcuri 1D (valuri) + unghi pe arc subamortizat
Un indicator de progres plin cu lichid. Lichidul stă mereu orizontal față de gravitație, deci înclini telefonul și el rămâne drept, cu un mic val. Înclini repede și se balansează. Atingi bila și nivelul sare la altă valoare, cu un recul elastic.
Literele pe arcuri
Kinetic type · un arc pe literă (x, y, rotație), doar transform
Fiecare literă atârnă de un arc. Înclini telefonul și literele grele se lasă mai mult. Degetul sau mouse-ul le respinge, ca un magnet. Scuturi și sar în toate părțile, apoi revin la loc. Derulezi și un val trece prin cuvânt, literă cu literă.
ELASTIC
…Cartea în straturi
Parallax depth card · CSS 3D, translateZ pe 5 straturi, rotație pe arcuri
O carte de joc holografică. Straturile ei stau la adâncimi diferite, deci când o înclini, bila și eticheta se mișcă mai mult decât fundalul, ca o iconiță de Apple TV. Reflexia alunecă peste ea. Scuturi și cartea se întoarce o dată, cu recul.
Piscina
Ripple heightfield · undă 2D pe grilă în JS + shader de refracție (WebGL 1)
Apă peste faianța unei piscine. Atingi și faci valuri; scuturi și cad picături; derulezi și un val pleacă de la margine. Înclini telefonul și apa se înclină cu el, așa că valurile pornesc de la pereți. Shaderul îndoaie imaginea de pe fund după panta apei.
Afișul care se sparge
Voronoi shatter · celule calculate o dată, cioburi cu gravitație, revenire pe arc
Un afiș Bauhaus tăiat în cioburi invizibile. Scuturi telefonul (sau atingi afișul) și se sparge: cioburile cad spre partea în care ții telefonul, ricoșează, apoi fiecare zboară înapoi la locul lui și se lipește, cu un mic recul. Cât stă întreg, nu se desenează nimic.
Labirintul cu bilă
Tilt maze · labirint generat (backtracking), bilă cu coliziuni cerc–dreptunghi
Jucăria de lemn cu bilă de oțel. Înclini telefonul și bila se rostogolește; o duci până la gaură și primești alt labirint. Pe calculator, poziția mouse-ului înclină tava. Fără senzor, ții degetul pe tavă și bila se rostogolește spre el.
Tunul cu confetti
Particle pool · rezervă fixă de bucăți, rezistența aerului, flip 3D fals
Scuturi telefonul și tunul trage confetti în sus, împotriva gravitației. Bucățile flutură, se întorc pe o parte și pe alta, apoi cad pe latura spre care ții telefonul și se sting. Atingi oriunde pentru o explozie acolo.
Logo-ul extrudat
CSS 3D extrusion · 10 copii decalate pe axa adâncimii, rotație pe arcuri
Un logo gros ca o monedă, făcut din zece copii puse una în spatele alteia. Se rotește după cum ții telefonul și se leagănă puțin singur. Scuturi și face o tură completă, cu recul la oprire.
Logo BrandOps
…