У нас вы можете посмотреть бесплатно Build an Awwwards Winning 3D Website | Next.js, three.js, GSAP или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
In this video, we're creating a stunning 3D hero section with scroll-based animations. Twitter / X: https://x.com/ROB1NZON1/ Dribbble: https://dribbble.com/oxeni Repo: https://github.com/Robinzon100/3D_hero NodeJS: https://nodejs.org/en vscode: https://code.visualstudio.com/ 00:00 Why a 3D hero and what we will build 00:17 Tools, assets, and project setup 02:27 Styles, fonts, and layout cleanup 04:32 Hero markup, canvas, and initPlanet 05:51 Three.js scene, camera, renderer, ticker 12:11 Earth mesh, shaders, and textures 24:24 Day–night blend, clouds, and atmosphere 32:22 Reflections, specular, and color tweaks 41:35 Scroll based hero animation with GSAP 44:08 Cleanup logic and outro