Vladyslav Klivak
Full-Stack розробник. Creative Technologist.
Понад 10 років створюю вебпродукти: фронтенд, фулстек, 3D і моушн у вебі, а ще Flutter-додатки та ігри у власній студії.
Лабораторія
Вибрані приклади
3DAster Bay Residences
Сайт продажу вигаданої вежі-новобудови на острові в лагуні: підлітайте в золоту годину, дивіться, як настає ніч і всі 225 квартир світяться за доступністю, фільтруйте, розрізайте вежу поверх за поверхом, читайте згенерований план квартири й графік оплати та ставайте на будь-який балкон, щоб побачити справжній краєвид у будь-який час доби.
Three.jsGSAP+2 ще
3DGreek Sail
Двомовний (українська та англійська) 3D-сайт туру на восьмиденну подорож катамараном Саронічними островами: гортайте, щоб пропливти процедурною картою затоки від Афін до Моні, Метани, Пороса, Гідри й Егіни, з програмою по днях, справжніми фото, командою і заявкою на бронювання.
Three.jsGLSLGSAP+2 ще
3DSela: анкета клініки
Онлайн-анкета для вигаданої фізіотерапевтичної клініки: торкніться 3D-фігури там, де болить, і в цьому місці відкриється картка з питаннями, дайте відповідь у чотирьох коротких анімованих кроках, а потім дивіться, як фігура заспокоюється, а сяйна стрічка спіраллю піднімається крізь ілюстративний план лікування, на який можна записатися.
Three.jsGLSLGSAPReact+1 ще
Лабораторія
Чотири напрями
Інтерактивні демо, написані з нуля. Відкрийте будь-яке й спробуйте прямо в браузері.
3D
Об’єкти, повністю створені в коді й показані в реальному часі на Three.js: скрол-історії, розібрані види та конфігуратори, з постером, коли WebGL недоступний.
02 · 7 прикладів
Моушн
Невеликі дослідження того, як рух пояснює інтерфейс: скрол, макет, текст і дані, кожне зі спокійнішою версією для режиму зменшеного руху.
03 · 5 прикладів
Ігри
Невеликі браузерні ігри з нуля: правила написані як простий протестований код, а малюються на PixiJS або Three.js; грати можна дотиком, мишею і клавіатурою.
04 · 5 прикладів
Карти
Карти й географічні дані в браузері: MapLibre, deck.gl і Leaflet на відкритих тайлах і відкритих даних, кожна з текстовим описом і постером, якщо карта не завантажиться.
05 · 3 приклади
AR і XR
Товари у вашій кімнаті в реальному розмірі: доповнена реальність WebXR у Chrome на Android, Apple AR Quick Look на iPhone і повний 3D-перегляд з QR-кодом для телефона на комп’ютері.
06 · 4 приклади
Шейдери
Зображення, обчислені для кожного пікселя на відеокарті: симуляція рідини, raymarching і частинки на чистому WebGL2 і GLSL, кожне з поясненням ідеї простими словами поруч і постером, коли WebGL недоступний.
07 · 2 приклади
HTML5-реклама
Display and rich-media ads built the way ad servers expect them: standalone HTML5 packages inside sandboxed frames, with a clickTag, a backup image and a hard weight limit, each running here exactly as it would on a publisher's page.
Про мене
Вдень — вебпродукти, у власній студії — додатки та ігри
Фронтенд і фулстек на Vue, Nuxt, React і Next.js, а також Zorya Tech Studio: Flutter / React Native додатки та ігри в Google Play.