| Date | Title | Description |
| 02.02.2025 | Представлен проект по визуализации всех книг мира в ISBN-Space | Представлен открытый проект ISBN Visualization по визуализации более 97 млн книг со всего мира в пространстве ISBN. Код решения написан на TypeScript и Rust и опубликован на GitHub под лицензией GNU Affero General Public License. Международ... |
| 18.01.2025 | The Future of Augmented Reality in Web Development: A 2025 Perspective | Augmented Reality (AR) is no longer a futuristic concept. It’s here, reshaping how we interact with the digital world. As we step into 2025, the landscape of AR in web development is evolving rapidly. Developers are now equipped with a vari... |
| 17.01.2025 | Дополненная реальность в Web: какие библиотеки актуальны в 2025? | Привет! Я Света, фронтенд-разработчик в отделе рекламных спецпроектов в KTS.
Не так давно при работе над одной из задач мне потребовалось разобраться, какие существуют библиотеки для работы с AR в вебе. Я провела небольшое исследование, пок... |
| 31.12.2024 | The Secret to 99% Uptime: How Web Design Impacts Website Stability | Share
Tweet
Share
Share
Email
When we think of web design, most of us picture glossy layouts, interactive animations, and perfectly placed buttons that seem to anticipate every user’s whim. But behind every visually stunning website lies a ... |
| 28.10.2024 | 3D-model (векторизация) | Создание 3d-models с помощью программы на Tree.js и HTMLСодержание
Введение
Создание HTML файла
Создание JSON и Webpack файлов
Создание JS файлаВведение
Проект, который мы будем сегодня реализовывать имеет несколько практических составляющи... |
| 29.09.2024 | Exploring the Fourth Dimension: The Art of Creating a Hypercube with Three.js | Imagine a world beyond the three dimensions we know. A realm where shapes twist and turn in ways our minds struggle to grasp. This is the essence of the hypercube, or tesseract—a four-dimensional counterpart to the familiar cube. It sounds ... |
| 28.09.2024 | Создание гиперкуба с помощью Three.js: как увидеть четвертое измерение? | Задавались ли вы когда-нибудь вопросом, можно ли выйти за рамки привычных трёх измерений? Мы привыкли видеть мир в 3D: кубы, сферы, пирамиды — все эти объекты легко вообразить и визуализировать. Но что, если мы попробуем заглянуть в четвёрт... |
| 26.09.2024 | Как мы делали просмотрщик BIM-моделей: взлеты, падения и уроки | Привет, Хабр! Если вы открыли эту статью, вероятно, вам интересна разработка BIM‑приложений, а конкретно — просмотрщиков 3D‑моделей (Viewer). Возможно, у вас уже есть свое BIM‑приложение, и вы столкнулись с трудностями, или вы только планир... |
| 15.09.2024 | Использование стандарта ES5 в Интернете | Стандарт Ecmascrpit
В 2017 году я написал статью, в которой показал веб-разработчикам, как они могут деплоить код ES6+ (он же ES2015) в продакшен, без необходимости транспилировать его в ES5. Этот метод был выходом для разработчиков веб-сай... |
| 01.09.2024 | The Art of Game Development: Crafting Joy in 13 Kilobytes | In the world of game development, constraints can spark creativity. The js13kGames competition embodies this principle. Developers are challenged to create a web game in just 13 kilobytes. This year’s theme, “Triskaidekaphobia,” the fear of... |
| 31.08.2024 | Конкурс js13kGames или как написать игру объёмом 13 Кбайт | 13 августа стартовал 13-й игровой джем js13kGames (JS13K) для разработчиков веб-игр на JavaScript. За месяц участникам предстоит написать браузерные игры, размер которых не должен превышать 13 килобайт при сжатии до формата ZIP. Темой JS13K... |
| 26.08.2024 | Кайфовый дизайн: Как сделать приложение, которое не захочется удалить | Эта статья для дизайнеров и продактов, которые хотят понять, чем их любимые цифровые продукты отличаются от просто удобных.
Почему одни приложения мы обожаем, а другие не хотим лишний раз открывать? Почему заходим в Телегу 20 раз на дню, а ... |
| 23.07.2024 | От веб-настолки до 3D-метавселенной: как мы разрабатываем игру для сотрудников | На протяжении трех лет мы в команде разрабатываем онлайн-игру для самих себя. Сначала, во времена ковида, она отчасти заменила нам офлайн-корпоративы, а сейчас, уже став традицией, дополняет живые встречи. Начинали с простенькой настолки в ... |
| 06.05.2024 | Твоё освещение настолько дешёвое… Часть 1. Запекаем Ambient Occlusion нестандартным способом | Почти все слышали про SSAO. Эта техника позволяет рассчитать примерное значение затенения от глобального рассеянного освещения на основе глубины и используется в реальном времени в шейдерах.
Демонстрация SSAO из примеров Three.js
Но если вы... |
| 16.04.2024 | 5 полезных JS-библиотек для анимации, которые могут пригодиться в работе | Привет, Хабр! Сегодня поговорим о фронтенде, а точнее, о способах улучшения веб-приложения. В этом могут помочь JS-библиотеки для анимации. В подборке их пять, но если вы знаете и другие, причём те, что применяете в работе сами, расскажите ... |
| 13.04.2024 | Внимание мебель! Как разрабатывался сайт для розничной продажи (кейс) | Автор мебельных решений - интернет магазин премиальной, дизайнерской мебели, процесс разработки которого получился очень интересным. Рассказываем как это было!
Т.е. пользователь рассматривая условно ТВ тумбу, или например кухню целиком, смо... |
| 06.04.2024 | Самые полезные библиотеки JS для красивых анимаций | Интересное в исполнении приложение всегда сможет привлечь внимание, поскольку мы любим, когда красиво. Но что стоит за этим "красиво"? И начинка, и внешний вид. Сегодня я бы хотела поговорить о внешнем виде, ведь встречают по одеж... |
| 08.02.2024 | VR-тур на A-Frame + React | Всем привет! Меня зовут Егор Молчанов, я разработчик в команде CRM для менеджеров ипотечного кредитования в компании Домклик. Хочу поделиться своим опытом создания VR‑тура с помощью фреймворка A‑Frame и библиотеки React. Для этого написал с... |
| 17.01.2024 | React + Three.js. Создаём собственный 3D шутер. Часть 3 | Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который д... |
| 14.12.2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| 15.11.2023 | React + Three.js. Создаём собственный 3D шутер. Часть 2 | Привет, уважаемые участники Хабр! Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере... |
| 04.11.2023 | Не Unity единым… | Игры бывают разные, большие и маленькие, триA и супер инди, в компаниях с сотнями разработчиков и что создаются самородками-одиночками. Редко их делают с нуля и пишут код только игры, чаще пишут игровые тулы, редактор и параллельно пишут са... |
| 30.09.2023 | React + Three.js. Создаём собственный 3D шутер. Часть 1 | Привет, уважаемые участники Хабр! Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере... |
| 12.09.2023 | Как я разбирал нестандартный формат 3D-моделей, чтобы показывать Лего у себя на сайте | Несколько лет назад мне на день рождения подарили то, о чём я мечтал с детства — большую коробку с кучей деталей Лего, из которой можно было собрать что угодно. Мой внутренний ребёнок очень быстро начал собирать из них машинки, а мой внутре... |
| 06.09.2023 | Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js | Введение
Приложение, о котором пойдёт речь, применимо в архитектурно-строительной области. С развитием информационных технологий, технологий строительства и производства, а также экономической составляющей, появилась необходимость в более э... |
| 06.07.2023 | Простейший способ написать игру | Нам понадобится лишь блокнот и браузер. Игра может запускаться на большинстве платформ. На windows, android, linux и даже на телевизоре. Технология называется HTML5.
Я немного гуманитарий, если что.Создание базы
Создадим два файла: index.ht... |
| 12.06.2023 | Bot-Games.Fun — игровая платформа для AI | Почти год назад я рассказывал о платформе HighLoad.Fun, где можно посоревноваться в оптимизации кода, но не упомянул Bot-Games.Fun - платформу, где нужно написать своего AI бота для участия в играх. Основное отличие от других аналогичных пл... |
| 14.04.2023 | Два прихлопа, два притопа: как я делал раннер со звуковым управлением на JS | Приключения Дино продолжаются...
Привет, Хабр! Как-то раз после работы мне захотелось взять и написать небольшую компьютерную игру. А почему бы и нет? Играть я люблю, программировать — тоже. Захотелось проверить, можно ли сделать что-то при... |
| 24.03.2023 | Процедурная генерация 3D-мешей для интро на 64 КБ | В предыдущей статье [перевод на Хабре] мы рассказали, как генерируются текстуры в демо H – Immersion. На этот раз мы изучим ещё один важный инструмент для создания демо нужного размера — процедурную геометрию.
В частности, поскольку в нашем... |
| 14.03.2023 | Встраивание WebGL в HTML-страницу с помощью Three.JS | demo, github
Приветствую! Я Алексей, frontend‑разработчик в SimbirSoft. Вы, возможно, видели потрясающие веб‑сайты, представленные на www.awwwards.com. Это онлайн‑каталог лучших веб‑сайтов, который оценивает и награждает творческие и иннова... |
| 14.02.2023 | 3D-сердце на Three.js | Расскажем сегодня, как определить, изменить и показать 3D-модель в браузере. Углубимся в технические детали и посмотрим, как отрисовать сцену, построить и визуализировать пользовательскую модель и управлять камерой, чтобы любоваться анимиро... |
| 02.02.2023 | Промо-сайт нашего стартапа на Vue.js и WebGL — как он создавался и зачем нужен | В этой статье я расскажу о создании промо-сайта для одного из больших проектов нашей команды — сайта-агрегатора в спортивной нише, а также о том, какие перед промо стоят цели, и о технологиях, которые мы осваивали и применяли в процессе его... |
| 25.12.2022 | Конструктор базы для браузерной стратегии в духе Dune 2/2000 на Three.js, Vue3 + TS | Олды здесь? )
Самой успешной моей статьей для сообщества был подробный отчет о разработке браузерного FPS. Судя по статистике в базе данных — неожиданно огромное количество людей зашло и попробовало сыграть, я получал заинтересованные вопро... |
| 21.12.2022 | JavaScript: замена фона видео и реализация интересных эффектов на основе координат лица в реальном времени | Привет, друзья!
Я продолжаю изучать MediaPipe — библиотеку с открытым исходным кодом от Google, предоставляющую "кроссплатформенные и кастомизируемые решения на основе машинного обучения для работы с медиа", и в этой статье хочу р... |
| 07.12.2022 | React: работа с 3D-графикой | Привет, друзья!
В данном туториале я покажу вам самый простой и быстрый, хотя и не очень оптимальный с точки зрения размера сборки, способ рендеринга 3D-объектов и моделей в React.
Мы решим 3 интересные задачи:
рендеринг самописного 3D-объе... |
| 17.11.2022 | Mathics — бесплатная альтернатива Mathematica | Многие студенты, школьники, инженеры и учёные пользуются великолепными вычислительными инструментами Wolfram|Alpha (онлайн), и Wolfram Mathematica от Стивена Вольфрама. К сожалению, Wolfram Mathematica — очень дорогой пакет даже для личного... |
| 14.04.2022 | Всё о веб-анимациях в 2022 | Анимация — это переход элемента от одного состояния к другому. Пользователям нравится, когда на сайте что-то вращается, появляются новые элементы или происходит что-то неожиданное. Если на сайте много таких «вау-эффектов», он может стать ви... |
| 13.02.2022 | Рисуем генеративные грибы на javascript | Otinium caseubbacula
Продолжаю делиться своим опытом погружения в мир генарта и nft, на этот раз при помощи генеративных грибов. Для тех кто не совсем в теме хотя бы одного из этих слов, предлагаю сначала посмотреть мою предыдущую публикаци... |
| 02.02.2022 | «Минутка музыкальной прокрастинации»: парочка примитивных драм-машин для свободного творчества в перерыве от работы... | Мы уже говорили о компактных ресурсах, позволяющих составлять простые мелодии прямо в браузере при помощи обычной клавиатуры. Сегодня продолжим тему, но отметим чуть более продвинутые сервисы. Они отлично подойдут для того, чтобы отвлечься ... |
| 22.12.2021 | Как сегодня делают игры в браузере? Часть 3 | Две предыдущие части (первая и вторая) были своего рода мануалами о том, как загружать модели и передвигать их. В этот раз я расскажу о том, как добавить больше интерактивности. В частности, статистику в реальном времени и столкновения.Шаг ... |
| 03.08.2021 | Как сделать магический шар на Three.js | Анимированный объём при помощи встроенного шейдера
Конечно же, после смерти Flash веб не превратился в простую, скучную плоскость. К старту курса по фронтенду показываем, как при помощи Three.js и технологии WebGL создать магический шар с а... |
| 22.06.2020 | Что учить разработчику, чтобы работать с VR: советы экспертов | Инвестиции в VR/AR-стартапы достигли 5,4 млрд долларов в год. Развивается и рынок России — технологии VR использует 21% крупных компаний. Рост рынка означает новые рабочие места, высокие зарплаты и интересные задачи. В Mail.ru Cloud Solutio... |
| 21.06.2018 | Что такое VR, AR и смешанная реальность — сайты, приложения и статьи, которые помогут разобраться | Подборка UX-дизайнера Джен Салаварриеты.
5 5 комментариев
13 763 просмотров
Когда я занимаюсь новыми проектами, я много времени уделяю исследованию и анализу стратегий конкурентов. Особенно если я работаю над любым VR-, AR- или MR-проектом,... |
| 06.08.2013 | How To Make Interactive And Generative Animations Using WebGL | Nick Briz is a new media artist and educator whose work and writing explores digital culture and experimental new media. He's written about remix culture and digital rights and is co-founder of the annual GLI.TC/H festival. He (along with B... |
| - | Шейдеры, Three.js и киберпанк. Как мы делали лендинг в неоново-античной стилистике | Привет, это блог «Технократии». Обычно мы занимаемся цифровой трансформацией бизнеса, но сегодня у нас для вас история, как при помощи библиотеки three.js и шейдеров мы сделали лендинг для нашей промо-кампании. Главный рассказчик — наш разр... |
| - | Как я написал браузерный 3D FPS шутер на Three.js, Vue и Blender | Стартовый экран игрыМотивация
На пути каждого коммерческого разработчика (не только кодеров, но, знаю, у дизайнеров, например, также) рано или поздно встречаются топкие-болотистые участки, унылые мрачные места, блуждая по которым можно вооб... |