Если вы последние несколько месяцев не выполняли рендеринг в неправильный фреймбуфер, вы, вероятно, уже слышали: самый первый Конференция Three.js происходит в Париже в сентябре этого года.
Самое время.
На протяжении почти пятнадцати лет Three.js был в центре бесчисленных экспериментов, сайтов-портфолио, инсталляций, игр, инструментов с открытым исходным кодом и счастливых кроличьих нор. Это помогло сформировать поколение креативных разработчиков, и теперь впервые сообщество собирается в одном месте.
Состав говорит сам за себя:
- Mr.doob (разработчик Three.js)
- Бруно Саймон (Three.js Journey)
- Кэсси Эванс (GSAP)
- Эдан Кван (Люсион)
- Рено Ролингер
- Селия Лопес (OFF+BRAND)
- Андерсон Манчини (Неотикс)
- Томас Наттестад и Наталья Маркобородова (Google)
- Жан Карло Деконто (он же Sunag, разработчик TSL)
- Робин Пэйо
- Жюли Мартинг (Herve Studio)
- Дэниел Бошан (Shopify)
- Патрик Хенг и Жюстин Соули
- Висенте Лусендо (Абето)
- Ксавье Джек
- Ким Бутин
- Дарья Невежина (Rive Ambassador)
- Антуан Менар (Мерси Мишель)
- Деннис Смолек (основная команда R3F)
- Крис Баумгартнер (Поймандр)
- Ловис Один (Fal.ai)
… и многое другое.
🎟️ Собираетесь в Париж? В рамках нашего партнерства с первой конференцией Three.js читатели Codrops могут использовать код CODROPS получить скидка 15% на билеты. Если вы ждали знака, возможно, это он. Получите свой билет →
Мы уже взяли за кадром посмотрите веб-сайт конференции с организатором Дэвидом Ронаи, который показал, как куча прыгающих сфер стала праздником самого сообщества. Но сферы – это только половина дела.
На этот раз мы обращаем внимание на людей внутри них.
Мы спросили нескольких спикеров, чем они сейчас одержимы, что они создавали в последнее время и чем они рады поделиться в Париже. Вот некоторые из их ответов.
Бруно Саймон
Последние несколько месяцев Бруно жил и дышал TSL. В настоящее время он работает над самым большим обновлением WebGPU для своего проекта. Путешествие по Three.js Конечно, и, по его собственному признанию, это оказалось гораздо большим приключением, чем ожидалось. «Это будет грандиозно! Настолько огромно, что я, кажется, не вижу конца этому» он говорит. «Интересно, будет ли у меня время поработать над выступлением на конференции!»
Преподавание TSL означало выходить за рамки документации и работать с ней каждый день, поэтому Бруно перестроил всю свою портфель как площадка для экспериментов.
Один эксперимент особенно запомнился ему. Опубликовано на Xэто началось как простая идея, а затем превратилось в навязчивую идею. «Я продолжал настраивать его снова и снова. И, наконец, это щелкнуло». Светящиеся сферы созданы не только для галочки. Они управляются реальной физикой, преобразуя кинетическую энергию в тепло. «Просто какие-то занудные вещи, которые заставляют меня улыбаться».
Что касается Парижа, то тизер Бруно состоит из одного смайлика: 🌱. Учитывая все остальное, что он готовил в последнее время, у нас такое ощущение, что это все, что нам нужно.
Селия Лопес
Для Селии любопытство — часть работы. Как 3D-дизайнер, работающий с WebGL в ВЫКЛ+БРЕНДона всегда ищет новые методы и лучшие рабочие процессы. В последнее время это любопытство привело ее к ИИ, исследуя все: от нелинейной оптимизации текстур до переноса текстур из сгенерированных ИИ моделей с беспорядочной топологией в чистые, готовые к производству сетки. Все это часть понимания того, как ресурсы, созданные ИИ, могут стать частью высококачественного 3D-опыта в реальном времени.
То же самое любопытство недавно вывело ее за пределы экрана. Она запускает собственный бренд керамики, начиная с мисок и чашек ручной работы и открывая для себя новый творческий ритм посредством занятий по керамике. Она также поделилась с сообществом своими последними экспериментами с искусственным интеллектом, в том числе выступила с молниеносным докладом на Paris Design Meetup, где представила рабочий процесс, который совершенствует:
В Париже Селия обещает, что «Небольшая часть может быть неожиданной». Но больше всего на свете она с нетерпением ждет возвращения туда, где чувствует себя наиболее удовлетворенной. «На конференциях WebGL я чувствую себя наиболее удовлетворенным», она говорит. «Что меня больше всего волнует, так это изучение новых технических рабочих процессов у талантливых людей, пребывание в окружении сверстников, разделяющих ту же страсть, и проведение времени, обмениваясь идеями. Это также танцы, смех и встречи с интересными людьми в моменты, которые кажутся совершенно выходящими за рамки повседневной жизни».
Дэниел Бошан
В настоящее время внимание Дэниела разделено между двумя очень разными, но удивительно связанными мирами: интерактивной настройкой продуктов для электронной коммерции и рекламными роликами, созданными с помощью искусственного интеллекта, и брендовыми фильмами. Оба исследуют один и тот же вопрос: как цифровой опыт может стать более личным, выразительным и запоминающимся.
Это любопытство недавно вылилось в два новых предприятия. Он создает приложение Shopify, которое предоставляет продавцам интерактивную настройку продуктов посредством интеграции с Rive, а также погружается в коммерческое видео с использованием искусственного интеллекта как услугу. Будь то конфигуратор продукта или бренд-фильм, цель одна: создание впечатлений, которые приглашают людей к участию, а не просто к потреблению.
В Париже Дэниел расскажет, как интерактивный опыт использования продукта может превратить настройку в то, что люди действительно испытывают. «Как интерфейс может нести эмоции и чувства и превращать настройку в то, что люди действительно испытывают, когда они знакомятся с продуктом перед его покупкой, окутанным прекрасным взаимодействием».
Когда Дэниела попросили поделиться небольшим сокровищем из его творческого пути, он не указал на шейдер или фрагмент кода. Вместо этого он поделился своим мнением: «Продолжайте строить и в то же время продолжайте исследовать, учиться, изменять и пересматривать как процесс, так и то, что я делаю». Простое напоминание о том, что движение и любопытство часто являются наиболее ценными инструментами в наборе инструментов любого разработчика.
Андерсон Манчини
Для Андерсона WebGPU — это не просто обновление, это возможность переосмыслить возможности браузера. В настоящее время он пересматривает проекты, которые когда-то были слишком дорогими для запуска в режиме реального времени, используя преимущества современных методов рендеринга, чтобы повысить качество изображения и сделать их более доступными, чем когда-либо.
Его последние эксперименты были сосредоточены на объединении SSGI и SSR для архитектурной визуализации, что помогает обеспечить высококачественный рендеринг в реальном времени в сфере недвижимости. Помимо работы по рендерингу, он также выпустил r3f-webgpu-perfинструмент мониторинга производительности для R3F, предназначенный не только для отображения чисел. Он помогает разработчикам понять, что происходит внутри их сцен, и предлагает в режиме реального времени рекомендации по их оптимизации, превращая многолетний опыт в инструмент, который ощущается как личный наставник.
В Париже он представит два недавних проекта: Студия декора Люмен и ЗерновыеBNBподелившись стоящими за ними методами и уроками, которые он извлек из многолетней разработки игр. Ожидайте практических идей по созданию высокопроизводительных приложений Three.js без ущерба для амбиций.
Наталья Маркобородова и Томас Наттестад
В Гугл Хроме Томас Наттестад и Наталья Маркобородова проводят свои дни, помогая формировать будущее Интернета. Прямо сейчас большая часть этого будущего вращается вокруг одной идеи: HTML-в-холсте.
Томас видит в API огромный творческий потенциал, а также реальность создания новых веб-стандартов. Он постоянно балансирует между «невероятным волнением» по поводу того, что создают разработчики, и задачей продвижения браузеров вперед, сохраняя при этом конфиденциальность, безопасность и совместимость, которые делают Интернет таким, какой он есть. Он также помогает представить API HTML-in-Canvas в ходе сессий Chrome для разработчиков на Google I/O, демонстрируя, как семантический HTML можно отображать непосредственно на холсте, оставаясь при этом интерактивным и доступным.
Тем временем Наталья изучала более мелкие детали платформы, погружалась в цветовые пространства, рендеринг дисплея и тестировала HTML-in-Canvas в различных конфигурациях, чтобы помочь улучшить API. Одним из инструментов, с которыми она работала, является демонстрация сравнения цветового пространствакоторый позволяет увидеть, как элементы HTML отображаются на холсте в различных конфигурациях отображения. По ее словам, некоторые из лучших открытий начинаются случайно. «Я просто вставил видео, и его цвета показались неверными». Это крошечное наблюдение привело ее в совершенно новую кроличью нору цветовых форматов и браузерного рендеринга.
В Париже к одной и той же технологии будут подходить с двух взаимодополняющих точек зрения. Томас рассмотрит, как HTML-in-Canvas может фундаментально расширить творческие возможности Интернета, принеся то, что, как он надеется, «большое количество прихоти». Наталья покажет, почему API одновременно «ВЕСЕЛО И ФУНКЦИОНАЛЬНО!»демонстрируя, как игривое взаимодействие и серьезная инженерия могут счастливо сосуществовать.
Патрик Хенг и Жюстин Соули
Для Патрик и Жюстин, вдохновение начинается с самой сети. Их постоянно привлекают люди, которые все еще экспериментируют, продвигают медиум в неожиданных направлениях и создают что-то просто потому, что им не терпится увидеть, что получится. Тот же дух они привносят в свою работу, сочетая интерактивность, технические инновации и иллюстрации с игровым опытом.
В последнее время этот творческий разговор обрел собственную жизнь. Они превращали иллюстрации Жюстин в небольшие интерактивные игры, экспериментируя с MediaPipe и отслеживанием рук, чтобы сделать эти миры еще более тактильными и живыми. Спросите их об их процессе, и они скажут, что одна из их любимых частей — это постоянный творческий пинг-понг между иллюстрацией и разработкой. «Эскиз может вдохновить на взаимодействие, а взаимодействие может вдохновить на новую визуальную идею».
В Париже посетителей отведут за собой Понпон Манияих интерактивный комикс WebGL, рассказывающий о том, как иллюстрации, повествование и графика в реальном времени объединились, чтобы создать незабываемые впечатления. Частично творческий практический пример, частично глубокое техническое погружение — это взгляд на то, что происходит, когда две дисциплины продолжают вдохновлять друг друга.
Робин Пэйо
В последнее время Робин думал о двух совершенно разных вещах. Первая — его шестинедельная дочь. «Не могу дождаться, чтобы показать ей мир и услышать, как она скажет свое первое слово!» Во-вторых, искусственный интеллект и то, как быстро он меняет подход к созданию Интернета. В его компании дизайнеры теперь передают производственный код с помощью помощников по программированию на основе искусственного интеллекта, что всего два года назад «казалось бы невообразимым». Но для Робина основы по-прежнему имеют значение. «Вам все равно необходимо иметь четкое представление об ограничениях Интернета и, по крайней мере, понимать, как работает код и что он делает».
Недавно это увлечение переросло в эксперимент на работе: он создал анимацию Three.js, которая в реальном времени реагирует на голос ИИ-помощника. Созданный с помощью R3F и «небольшой помощи искусственного интеллекта», проект позволил ему буквально разговаривать с чат-ботом, наблюдая, как его шейдеры реагируют на разные голоса, акценты и стили речи.
В Париже Робин расскажет, как AI, Three.js и немного Zelda объединились в его последнем личном проекте. Его эксперименты с ИИ также принесли несколько запоминающихся моментов, в том числе один особенно упорный сеанс с Клодом, который напомнил ему, что до сих пор ничто не заменит самостоятельное исправление некоторых ошибок.
Джули Мартинг
Не все, что занимает мысли Джули, живет на экране. Между украшением новой квартиры и экспериментами с инструментами искусственного интеллекта для дизайна она много думала о пространствах, как физических, так и цифровых. В последнее время она изучает, как ИИ может помочь прототипировать идеи и вдохнуть жизнь в ее проекты, подходя к этому с любопытством, даже если это все еще незнакомая территория.
Это любопытство недавно привело ее к эксперименту с инструментом на базе искусственного интеллекта для создания 3D-видео в реальном времени для социальных сетей. «Да, поначалу это не имеет смысла», — говорит она, но именно это и сделало исследование интересным.
В Париже Джули приоткроет завесу над дизайном и художественным направлением веб-сайта Three.js Conference, поделившись решениями, хитростями и маленькими секретами, которые сформировали его игривую индивидуальность. И если есть один урок, к которому она постоянно возвращается, так это вот этот: «Совершать ошибки и открывать новые идеи или методы в результате этих ошибок — почти часть нашей еженедельной рутины как дизайнеров. Это побуждает нас постоянно учиться и пробовать новые вещи, о которых мы раньше не думали».
Висенте Лусендо
Висенте находит вдохновение в самых неожиданных местах. В последнее время он…