Omat suosikit

Ei vielä suosikkeja. Lisää työkalu napsauttamalla sen kirjanmerkkipainiketta.

3D-raymarching-pallo - Visuaalinen efekti verkossa | 51yifei

Koe visuaalinen efekti 3D-raymarching-pallo verkossa ilmaiseksi, ilman latausta. 51yifei tarjoaa satoja interaktiivisia visuaalisia efektejä.

Täällä ei ole monikulmioverkkoa: jokaisen pikselin osalta säte marssitaan askel askeleelta aaltoutuvan pallon pinnalle, sitten normaalit, diffuusi, peilivalo ja Fresnel-reunavalo lasketaan reaaliajassa - tämä on sätemarssia. Siirrä hiirtä muuttamaan näkymää.

Tietoja tästä työkalusta

3D-raymarching-pallo on ilmainen online visuaalinen tehoste. Koko näytön fragmenttivarjostin marssittaa säteen per pikseli aaltoilevaa palloa kohti ja laskee normaalit ja valaistuksen reaaliajassa. Täydellinen keskittymiseen, rentoutumiseen tai vain hauskanpitoon. Toimii kokonaan selaimessasi — ei latausta eikä rekisteröitystä.

Kun sivu avataan, näytöllä näkyy monimutkainen 3D geometria, joka renderöidään valonsädeaskellusalgoritmilla. Se voi näyttää Mandelbrot-joukon 3D version, fraktaalirakenteita, loogisia geometrisia operaatioita jne. Näkökulmaa voi kääntää hiirellä.

Sopii käytettäväksi matematiikkaan perustuvan taiteen esittelyyn, shader-ohjelmoinnin esittelyyn tai yksinkertaisesti valonsäteen edistymisen visuaalisen vaikutuksen ihailuun. Toteutuksen periaate on valonsäteen etenemisalgoritmi ja etäisyyskenttäfunktio.

Koko prosessi on täysin frontend-animaatio, perustuen Three.js-shader-ohjelmaan, käyttäen säteen askellusalgoritmia 3D-kohtauksen reaaliaikaiseen renderöintiin shaderissa.

3D valonsäteen eteneminen on Three.js:iin perustuva valonsäeteen etenemisen renderöintitehoste, joka käyttää shaderia monimutkaisten 3D fraktaalien ja geometrioiden reaaliaikaiseen renderöintiin.