3D dinamikus óceán - Online vizuális effekt | 51yifei
Tapasztalja meg a 3D dinamikus óceán vizuális effektet online ingyenesen, letöltés nélkül. 51yifei több száz interaktív vizuális effektet kínál.
Az eszközről
3D dinamikus óceán egy ingyenes online vizuális effektus. Three.js ShaderMaterial dinamikus hullám óceán, az egér fodrozódást hoz létre. Tökéletes a koncentrációhoz, relaxációhoz vagy csak szórakozásnak. Teljesen a böngésződben fut — letöltés és regisztráció nélkül.
Az oldal megnyitása után egy 3D óceáni jelenet jelenik meg, a tenger felszíne valódi hullámokkal hullámzik, a napsütés pedig tükröződik és megtörik a víz felszínén. Az egér segítségével forgathatja a nézőpontot. Beállíthatja a hullámok erősségét, a szélsebességet, a fény irányát és más paramétereket.
Alkalmas tenger témájú weboldalakhoz, háttérdíszítéshez, vagy pusztán a 3D tenger élethű hatásának élvezetére. A megvalósítás elve a Gerstner hullámmodell és a Fresnel-reflexió.
Az egész folyamat tisztán front-end animáció, a Three.js síkgeometria alapján, a hullámeffektust a vertex shader valósítja meg, a fragment shader pedig a vízfelszín világítását. A valósághű tengeri hullámok szimulálásához a Gerstner hullámmodellt használjuk.
3D egy Three.js alapú 3D tengeri effekt, amely a valóságos tengeri hullámokat és fényhatásokat szimulálja.