Как создать отмеченное наградами иллюстрированное портфолио в виде блокнота с помощью Three.js, B...

Описание: Привет!!! Хотела сегодня сделать короткое видео о создании иллюстрированного портфолио в виде блокнота с помощью three.js, Blender и Krita. Это для более продвинутых пользователей, которые просто хотят посмотреть на некоторые вещи, которые я обнаружила, в остальном это довольно простой сайт. Если вам нужно пошаговое видео и гораздо больше подробностей, вы можете посмотреть другое видео здесь!    • Create a Hand-drawn Papercraft Portfolio w...  

Также у меня нет коммерческой лицензии на распространение материалов для блокнота, но вы можете найти очень похожие в интернете бесплатно! Отдельное спасибо @southernshotty!! Он — лучший!!

Веб-сайты:
https://www.mr-pandas-psychologically...
https://aimees-papercraft-world.com/

Как обычно, код, файлы Blender и благодарности здесь:
https://github.com/andrewwoan/mr-pand...
https://github.com/andrewwoan/aimee-w...

Ознакомьтесь со статьей здесь:
https://tympanus.net/codrops/2025/12/...

Использованные текстуры:
https://southernshotty.gumroad.com/l/...

Главы:
0:00 Введение и демонстрация проекта
0:44 Заметки о Награды, вы тоже можете выиграть!!!!
1:20 Заметки к статье Codrops о злоупотреблениях на рабочем месте: вы не одиноки!! Обращайтесь в любое время!

1:54 Настройка текстур изображений в Krita и пакетный экспорт
2:40 Обзор Blender
2:55 Почему я сохранил тот же размер изображения холста
3:23 Вам следует использовать спрайт-лист, а не то, что сделал я XD
4:11 Дополнительная подготовка Blender
6:36 Сгенерированный ИИ пользовательский скрипт Node.js для создания моделей (повтор из другого видео)
8:50 Кривые камеры в Blender и логика сдвига и зацикливания
12:14 Дальний вид одного листа бумаги, используемого в качестве фона для зацикленного перехода
13:18 Сгенерированный ИИ скрипт для пакетного преобразования текстур в .KTX2 (повтор из другого видео)
13:40 Сгенерированный ИИ скрипт для пакетного преобразования текстур в webp и/или изменения размера с помощью ImageMagick (повтор из другого видео)
13:57 Заключительные замечания по кодированию
14:10 (Необязательно) Пошаговое видео, если вам нужен более медленный темп~
14:19 БЕРЕГИТЕ СЕБЯ И МИР ВЫЙТИ ДА!!!

#threejs #портфолио #веб-разработка #blender3d