Configuratori 3D
Portfolio 3D
Three.js
Siti Web Scroll based
Storytelling
Framer Motion
Platform Game
Racing Game
GSAP
Configuratori 3D
Portfolio 3D
Three.js
Siti Web Scroll based
Storytelling
Framer Motion
Platform Game
Racing Game
GSAP
Game Dev
Corsi
Creative
Developer
Game Dev
Corsi
Creative
Developer
Shaders BeginsShaders Begins
Lezioni
- Introduzione
- 01Presentazione del corso03:59
- 02Cosa sono gli shaders02:46
- 03Perché scrivere gli shader03:46
- Setup
- 04Three.js starter pack03:06
- 05Vite plugin02:40
- 06VSCode Setup03:26
- 07Hello World: primo shader05:57
- 08Shader in file separati05:39
- Computer Graphic: concetti di base
- 09GPU vs CPU10:43
- 10Pipeline di rendering11:41
- 11Vertex Shader11:36
- 12Fragment Shader12:07
- 13Coordinate Systems18:40
- 14Texture Mapping - UV12:13
- GLSL sintassi
- 15GLSL syntax05:44
- 16Variabili12:13
- 17Operazioni matematiche02:43
- 18Vettori10:17
- 19Operazioni tra vettori12:25
- 20Colori05:15
- 21Array e Oggetti08:28
- 22Funzioni14:14
- 23Scope variabili05:51
- GLSL Funzioni
- 24Funzioni built-in01:11
- 25Step07:27
- 26Mix10:24
- 27Smoothstep10:17
- 28Min & Max05:15
- 29Clamp & Saturate05:21
- 30Funzioni matematiche14:11
- 31InverseLerp, linearStep e remap21:31
- 32Funzioni geometriche15:37
- 33Funzioni trigonometriche16:41
- 34Funzioni Potenza02:36
- Vertex Shader
- 35Anatomia03:37
- 36Attributes06:02
- 37Attributi Custom24:56
- 38Passare gli Uniforms09:44
- 39Uniforms & GUI09:22
- Fragment Shader
- 40Anatomia12:40
- 41Passare gli Uniforms06:12
- 42Varyings e Texture09:34
- 43Centrare e Manipolare le UV13:23
- 44UV e risoluzione05:52
- Extra
- 45Name convention04:52
- 46ShaderMaterial vs RawShaderMaterial07:28
- 47Materiali modificati - pt 116:50
- 48Materiali modificati - pt 213:40
- Progetti
- 49Pixelate44:43
- 50Grid Field Elevation33:58
Durata complassiva: 8.6 Ore
Gli shaders sono programmi esguiti dalla GPU e utilizzati nella Computer Grafica per renderizzare immagini 2D e 3D. Three.js ci offre tanti strumenti per creare progetti 3D pazzeschi, ma presenta anche numerosi limiti. Saper scrivere shaders custom permette di superare questi limiti e dare massimo sfogo alla propria creatività.- Fragment Shader
- Vertex Shader
- GLSL
- Shaders
- Corso
159,00 €Shaders HeroShaders Hero
NEWLezioni
- Introduction
- 01Presentazione04:10
- 02Setup del corso03:38
- Lightning models
- 03Ambient light12:21
- 04Hemi light16:19
- 05Directional light18:30
- 06Specular light20:46
- 07Point light19:25
- 08Spot light25:10
- 09Toon shading38:06
- 10EnvMap & Fresnel17:54
- 11Color correction & gamma08:58
- Noise functions
- 12Intro to Noise09:53
- 13Random noise11:53
- 14Perlin & Simplex noise20:46
- 15Fractional Brownian Motion18:53
- 16Turbulence, ridged and warping16:43
- 17Voronoi30:12
- 18Curl noise17:50
- 19Optimization18:26
- 20Water drop55:18
- 21Shockwave10:59
- 22Burn effect47:17
- 23Parallax uv mapping04:59
- Particles system
- 24Basic particles14:31
- 25Custom points material29:46
- 26Animate particles26:24
- 27Particles shape SDF42:31
- 28Particles wave44:49
- 29Burn particles17:29
- 30Volumetric clouds15:24
Durata complassiva: 19.7 Ore
Porta il tuo livello creativo al prossimo step con un corso pensato per chi ha già mosso i primi passi nel mondo degli shaders e ora vuole creare effetti visivi mozzafiato. Esploreremo i segreti dell’illuminazione realistica, daremo vita alla materia con le noise function, e costruiremo particle system dinamici e reattivi. Ogni modulo culmina in progetti pratici sorprendenti, perfetti da aggiungere al tuo portfolio o da usare nei tuoi esperimenti creativi. Preparati a trasformare la tua immaginazione in pixel animati.- Particles
- Lighting
- Noise
- GLSL
- Shaders
- Corso
179,00 €MatematicaMatematica
soonLezioni
Three.js BeginsThree.js Begins
FREELezioni
- Tutorial
- 01Three.js Introduzione02:03
- 02Scena base: primi passi20:24
- 03Trasformazioni: muovere, ruotare e scalare gli oggetti 3D33:03
- 04Game Loop: animare gli oggetti 3D24:13
- 05Responsive: gestire il resize della viewport13:29
- 06Controls: controllare la camera con mouse e tastiera46:12
- 07Custom controls: personalizzare il controllo della camera54:18
- 08Camera Ortografica e modalità isometrica14:32
- 09Geometrie: cosa sono e come funzionano26:05
- 10Texture: verso il fotorealismo43:07
- 11Texture: trasformazioni, mipmap e filtering35:53
- 12Materiali: Cosa sono (in arrivo)00:00
- 13Luci: a cosa servono (in arrivo)00:00
- 14Ombre: abilitarle e renderizzarle (in arrivo)00:00
- 15Modelli 3D upload (in arrivo)00:00
Durata complassiva: 5.2 Ore
Vuoi imparare ad usare Three.js, la più potente libreria javascript per sviluppare in 3D sul web? Segui questo corso gratuito direttamente sul mio canale YouTube per imparare a muovere i tuoi primi passi in questo mondo.- Three.js
- Sviluppo 3D
- Corso
- Free
GSAP BeginsGSAP Begins
FREELezioni
- Tutorial
- 01Primi passi: il metodo to18:36
- 02From & FromTo: altri metodi per animare il DOM09:52
- 03Easing, il vero segreto per animazioni fantastiche09:35
- 04GETTER e SETTER: basta con il vanlilla js10:21
- 05Stagger: Animare più elementi sfalsati11:48
- 06Repeat & Yoyo: verso l'infinito e oltre!09:50
- 07Callback: gestire gli eventi sui tween10:28
- 08Eliminare i Tween (una volta per tutte....)11:47
- 09SnapPlugin: animare con gli snap07:42
- 10Tween Controls: play, pause, reverse, resume, restart e Revert17:03
- 11Tween Keyframes Vs CSS Keyframes20:33
- 12ScrollTo Plugin: animare lo scroll della pagina11:49
- 13ScrollSmoother Plugin: ed è subito PARALLAX17:53
- 14Timeline: animazioni concatenate 28:10
- 15ScrollTrigger Plugin: anima con lo scroll28:10
- 16Effects: cosa sono e perché sono una figata16:59
- 17Scroll orizzontale con lo ScrollTrigger Plugin14:24
Durata complassiva: 4.3 Ore
GSAP è la libreria javascript più utilizzato nello sviluppo frontend moderno in tutti siti Awwwards. Con questo corso gratuito puoi imparare tutti gli strumenti che ci mettere a disposizione per animare qualsiasi cosa. Segui le lezioni sul mio canale YouTube.- GSAP
- Animazioni
- Corso
- Free
Tutto quello che ti serve ad un prezzo mai visto.
The Lord of the Shaders
Include
Shaders Begins
159,00 €
Shaders Hero
179,00 €
Valore reale
338,00 €
Il tuo prezzo
299,00 €
FAQ
Come faccio per richiedere la fattura per il mio acquisto?
Una volta effettuato l'acquisto ti invierò una email per chiederti le informazioni necessario per l'emissione della fattura.
È possibile scaricare le lezioni per poterle guardare offline?
Le lezioni non sono scaricabili e non è possibile usufruirne in modalità offline.
Posso acquistare un corso come regalo?
Si, ma non direttamente dal sito. Per farlo è necessario mettersi in contatto con me via email.
È possibile chiedere un rimborso per i corsi acquistati?
Una volta acquistato un corso questo non è rimborsabile, ma è possibile convertirlo in un buono sconto dello stesso importo contattandomi via email entro le 24 ore successive all'acquisto.
get in touch:
hello@rockbiter.devthree.js
R3 Fiber
Shaders
GSAP
ScrollTrigger
Smoothscroll
Storytelling
three.js
R3 Fiber
Shaders
GSAP
ScrollTrigger
Smoothscroll
Storytelling
Consulenza
Formazione
Mentoring
Consulenza
Formazione
Mentoring
Porta i tuoi progetti 3D ad un livello superiore. Ti offro il supporto completo di cui hai bisogno.
Scopri info e prezzi di consulenze e formazione one to one.