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
NEWLezioni
- 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
175,00 €140,00 €-20%Lo sconto termina tra: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
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.