Як моє портфоліо із замку перетворилося на таверну

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт! Це мій перший допис на DOU.

Я фулстек-розробник, близько двох років у продакшені: TypeScript, Node, React. Нещодавно мені знадобилося портфоліо. І я зрозумів, що не хочу ще одну сторінку зі списком навичок. Хотілося зробити щось, що мені самому буде цікаво робити і потім відкривати.

Перша ідея була велика: 3D-версія мене зустрічає відвідувача і моїм голосом розповідає про себе. Потім відчиняються двері, а за ними сайт з досвідом.

Першою сценою був замок. І він просто не працював. Величезний, порожній, і я не розумів, як пов’язати з ним свою історію.

Десь тоді я вигадав оголошення WANTED. Ти заходиш, знаходиш постер, і він перетворюється на моє резюме. Мені дуже сподобалося. Але де вішають такі оголошення? Не в замках. У тавернах.

Постер WANTED у таверні

Тож замок пішов, і вся ідея перебудувалася навколо одного постера.

Таверна у фіналі

Спочатку таверна була з простих коробок. Столи, барна стійка, навіть дерева на стежці. Вісім прототипів отак, просто щоб відчути сцену. Я перепробував чотири варіанти світла і вибрав місячне. А мій улюблений баг: двері таверни були майже 5 метрів заввишки. Коли прийшли справжні 3D-моделі, вони зменшилися до звичайних 2.4 м.

Прототип: усе з коробок

Моделі взяті з безкоштовних наборів Quaternius. Стек: Vite, TypeScript, three.js, сайт на чистому DOM і CSS, хостинг на GitHub Pages, теж безкоштовно.

Інтер’єр на моделях Quaternius

3D-мене у фіналі немає. Я не вмію в 3D, а вчитися заради однієї моделі довго. Тож я сховався за кадром. Поки що. Колись хочу таки зайнятися 3D і повернути версію, де я йду і сам розповідаю. Але це вже зовсім інша історія.

Хороші ідеї не приходять першими. Вони приходять після кількох замків.

А це вже резюме, в яке перетворюється постер

Подивитися: antonduchenko.github.io/portfolio

Буду радий фідбеку, особливо від тих, хто робив щось на three.js.