Опис послуги
ПерекладЯ розробник браузерної 3D, і вся моя робота живе всередину веб-сторінки, а не всередину ігрового движка. За допомогою WebGL та бібліотеки Three я створюю інтерактивні сцени, які відкриваються в звичайній вкладці браузера: що крутяться переглядачі товарів, конфігуратори в реальному часі, анімовані перші екрани та візуалізації даних, де геометрія, світло та камера реагують на дії користувача. Мені важливо, щоб 3D в вебі було по-справжньому зручним, а не просто ефектним у демо, тому я продумую граф сцени, конвеєр асетів та цикл рендеру з самого початку, а не прикручую їх потім.
Більша частина часу йде на продуктивність та коректність, адже важка сцена, яка гальмує на середньому телефоні, — це провал. Я оптимізую виклики відрисовки, запікаю та стискаю текстури, налаштовую рівні деталізації та відсічення по камері, підвантажую glTF-моделі поступово, щоб перший кадр з'являвся швидко. Коли проекту потрібен особливий вид, я пишу власні GLSL-шейдери для матеріалів, води, частинок, ефектів розчинення та постобробки, й пов'язую всё це з адаптивним циклом рендеру, який ведеться однаково на десктопі, планшеті та мобільному. Беру на себе й нудні, але важливі речі: управління кольором, правильне світло, запасні варіанти для слабких відеокарт та м'яку деградацію, якщо WebGL недоступний.
Я спокійно працюю поруч із вже готовим фронтендом, вбудовуючи 3D-холст у React, Vue або чистий JavaScript, не перекрояючи весь ваш стек. Розкажіть мету, цільові пристрої та які є асети — й я запропоную реалістичний обсяг, бюджет по кадрам та зрозумілий план. Уточню про свою нішу: я фахівець з WebGL та Three для браузера, а не розробник ігор на Unity чи Unreal, й мій фокус — інтерактивна графіка в вебі.
— Розробка сцен на WebGL та Three
— Конфігуратори товарів та перегляд 360
— Власні GLSL-шейдери та постобробка
— Завантаження та оптимізація glTF-моделей
— Анімації за скролом та інтерактивні
— Візуалізація даних та наукова 3D
— Тюнінг продуктивності під мобільні GPU
— Інтеграція з React, Vue або чистим JS
Більша частина часу йде на продуктивність та коректність, адже важка сцена, яка гальмує на середньому телефоні, — це провал. Я оптимізую виклики відрисовки, запікаю та стискаю текстури, налаштовую рівні деталізації та відсічення по камері, підвантажую glTF-моделі поступово, щоб перший кадр з'являвся швидко. Коли проекту потрібен особливий вид, я пишу власні GLSL-шейдери для матеріалів, води, частинок, ефектів розчинення та постобробки, й пов'язую всё це з адаптивним циклом рендеру, який ведеться однаково на десктопі, планшеті та мобільному. Беру на себе й нудні, але важливі речі: управління кольором, правильне світло, запасні варіанти для слабких відеокарт та м'яку деградацію, якщо WebGL недоступний.
Я спокійно працюю поруч із вже готовим фронтендом, вбудовуючи 3D-холст у React, Vue або чистий JavaScript, не перекрояючи весь ваш стек. Розкажіть мету, цільові пристрої та які є асети — й я запропоную реалістичний обсяг, бюджет по кадрам та зрозумілий план. Уточню про свою нішу: я фахівець з WebGL та Three для браузера, а не розробник ігор на Unity чи Unreal, й мій фокус — інтерактивна графіка в вебі.
— Розробка сцен на WebGL та Three
— Конфігуратори товарів та перегляд 360
— Власні GLSL-шейдери та постобробка
— Завантаження та оптимізація glTF-моделей
— Анімації за скролом та інтерактивні
— Візуалізація даних та наукова 3D
— Тюнінг продуктивності під мобільні GPU
— Інтеграція з React, Vue або чистим JS