Как стать автором
Обновить

Дизайн

Сначала показывать
Порог рейтинга

Ничего не умею, но хочу делать игры

Разработка мобильных приложений *Разработка игр *Дизайн игр *
Из песочницы

Все мы знаем, что в IT много денег и там можно хорошо заработать, а уж на создании игр тем более… Но, что делать, если ничего не умеешь, а хочется сделать свою игру и получать миллионы за внутриигровые покупки или за рекламу сидя на диване? Попробую рассказать о нескольких простых способах в этой статье.

Заманил? Заходите!
Всего голосов 17: ↑10 и ↓7 +3
Просмотры 21K
Комментарии 28

Новости

Ошибки геймдизайна или как мы сделали игровой режим, который был никому не нужен

Блог компании Lightmap Разработка игр *Unity *Дизайн игр *Игры и игровые консоли

Большинство геймеров не понаслышке знакомы с кланами — сообществами игроков с общей целью надрать задницы другим таким же сообществам, или просто пообщаться с единомышленниками. А если вы геймдизайнер, тяготеющий к разработке комплексных фич, то наверняка мечтали бы поработать над клановой системой. 

Мечтали о своих кланах и мы. Не просто мечтали, а сделали. Трижды.

Под катом я расскажу о каждых граблях, на которые мы наступили в процессе разработки: механики, которые работают не по плану, проблемы экономики, смурфинг, и даже «договорняки» через Discord.

Читать далее
Всего голосов 90: ↑90 и ↓0 +90
Просмотры 25K
Комментарии 10

Как игры разделили мир на до и после

Дизайн игр *Искусственный интеллект Игры и игровые консоли Будущее здесь Инженерные системы
Из песочницы

Многие из нас застали то время, когда компьютерные игры смогли разделить наш мир на до и после, а многие даже играли в игры, которые являлись новейшими в индустрии гейминга. Вот уже как 51 год назад на свет появилась первая видеоигра и с того момента изменилось многое: от добавления в игры сюжета, до замечательной картинки на мониторе.

УЗНАТЬ ПОБОЛЬШЕ
Всего голосов 15: ↑10 и ↓5 +5
Просмотры 4.9K
Комментарии 10

Популярные расширения для VS Code 2022

Высокая производительность *Разработка веб-сайтов *Интерфейсы *
Из песочницы
Перевод

В виду того, что мне срезали подписку на Medium решил поддерживать отечественные IT ресурсы. Попробую кидать интересные статьи с переводом на русском, а правообладатели пусть сами разбираются, я честно платил за подписку.

На текущий момент VS Code остается средой разработки, которая доступна в период санкций, когда JetBrains отказался продавать лицензии, про Visual Studio даже не узнавал. Сам использую VS Code много лет в разных стеках. VS Code предоставляет возможности разработки практически во всех направлениях: веб-разработка, мобильные приложения, часто встречаются приложения для встраиваемых систем. Ниже перечислены наиболее популярные расширения, которые облегчают разработку приложений.

Atom One Dark Theme

При всем изобилии тем в VS Code тема Atome One Dark наиболее популярная, потому-что имеет наиболее удачный контраст и прекрасно выглядит.

Читать далее
Всего голосов 24: ↑14 и ↓10 +4
Просмотры 13K
Комментарии 14

Практическое руководство по level-дизайну с видом от первого лица

Блог компании OTUS Дизайн игр *
Перевод

При создании игры нам всегда приходится проходить через level-дизайн, однако он является одним из наиболее недооцененных аспектов геймдева, особенно в небольших/независимых командах.

В этом материале я постараюсь дать несколько советов о том, как создать хороший level-дизайн, используя примеры из собственного опыта. В основном я буду делать отсылки к одним и тем же играм (Bad Company 2 и Mirror's Edge), потому что в них я много играл, и чувствую себя комфортно, говоря о них, а также потому, что у них довольно разные игровые механики.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 927
Комментарии 0

Heretic: простое решение для создания простых сайтов

Веб-дизайн *Разработка веб-сайтов *JavaScript *

Давайте признаем: современный Web стал очень сложным. Веб-дизайнеры все меньше думают о пользователях с узким каналом, которые вынуждены ждать, пока загрузится очередная огромная картинка. Иногда нам просто нужен старый добрый веб-сайт, без каких-либо дополнений, таких, как постоянное подключение к базе данных, панели администратора с WYSIWYG редактором и т. д.

Да, существует несколько способов создать веб-сайт, который будет представлять собой набор статических HTML-файлов. Но этот подход имеет массу недостатков: каждая страница загружается индивидуально, а наша задача определенно не состоит в том, чтобы возвращаться в 2000-е (хотя ностальгия может быть прекрасной, что уж там).

SPA (Single-Page Application, или одностраничное приложение) — хорошее решение, которое не требует перезагрузки каждой страницы, когда содержимое нуждается в обновлении. Но проблема в том, что эти веб-сайты полностью генерируются на стороне клиента, в браузере; не каждая поисковая система сможет их проиндексировать. В подобных ситуациях хорошим решением является рендеринг страницы на стороне сервера (Server-Side Rendering, или SSR), после этого — «переключение» в режим SPA (регидрация). Когда пользователь захочет перейти на другую страницу, с сервера будет загружен небольшой фрагмент данных, и необходимости перезагружать полностью страницу не будет.

Идея состоит в том, чтобы создать такой шаблон (boilerplate), чтобы каждый веб-мастер (или любой человек, обладающий базовыми навыками верстки на HTML и CSS) мог создать веб-сайт, который будет достаточно быстрым и удобным в обслуживании. Здесь в игру вступает Heretic.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 5.5K
Комментарии 8

Советы по проектированию интерфейса. Часть 1 — Гештальт

Веб-дизайн *Usability *Дизайн мобильных приложений *Графический дизайн *Дизайн
Tutorial

Если ты часто задаешь себе вопросы вроде: Правильно ли я собрал главную страницу? Каким способом лучше выделить кнопку СТА чтобы она не потерялась во множестве объектов? Как направить пользователя в нужное место и управлять его взглядом? То попробуем разобраться вместе : )

Обычно статьи про психологию в дизайне или гештальт-принципы в дизайне - довольно искусственны и наполнены неживыми примерами. В этой статье я постараюсь исправить это недоразумение, что возможно позволит тебе получше в этом всем разобраться.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 2.8K
Комментарии 5

Бинарная классификация игр для гейм-дизайнера

Дизайн игр *
image

Если проанализировать различные классификации игр, то мы увидим, что нет такой, которая бы непротиворечиво разложила все игры “по полочкам». Похоже, в реальном мире в принципе не существует идеальных классификаций чего-либо и любая из них работает настолько, насколько используется для решения какой—либо практической задачи, а если сами задачи разные, то и классификации тоже. Если у вас, скажем, цель выбрать игру для консоли Xbox, то сначала естественным образом классифицировать игры доступности по консолям, далее по жанрам (если не смущает туманность референций некоторых из них), издателю или рейтингу: по сути каждый игрок использует удобные ему классификации для практичных целей.

Предложим еще одну, ориентированную на гейм-дизайнера, создающего игры и покажем, как ее можно использовать.
Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 2.9K
Комментарии 11

Археология: IT в изучении материального прошлого

Блог компании Timeweb Cloud Работа с 3D-графикой *Читальный зал Научно-популярное
Археология — наука, которая изучает материальный мир прошлого. Как и многие другие науки, она возникла в далёком прошлом и вскоре подверглась внедрению информационных технологий. И в этой статье вы узнаете, что это за технологии, и почему они так полезны для археологии.

image
Читать дальше →
Всего голосов 27: ↑17 и ↓10 +7
Просмотры 2.9K
Комментарии 4

Фидбек в UX или как вытащить на свет истину

Блог компании SDVentures Веб-дизайн *Дизайн мобильных приложений *Дизайн

Дизайнеры продукта получают тонны пользовательского фидбека по разным каналам. Это могут быть как результаты UX-исследований, так и тикеты от поддержки, замечания коллег, пожелания запилить ту или иную фичу от клиентов, бизнеса или маркетинга, отзывы и жалобы из сторов, сайтов с рейтингами или соцсетей. И даже это – лишь малая часть списка.

Фидбек от пользователей это всегда ценные вводные. Но если относится к этим вводным без достаточной доли осторожности, собранный фидбек может превратиться в бессмысленный список задач в бэклоге, в котором эти задачи приоритезированы по принципу «кто громче и чаще орал». Что, в свою очередь, приводит к распылению ресурсов команды, а сам продукт становится результатом скорее компромисса, чем результатом чёткого видения. На пользовательский опыт такой процесс разработки тоже влияет – есть немаленькие шансы, что он будет неконстистентным и непродуманным.

“Что с этим делать?” - спросите вы.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 1K
Комментарии 7

А как настроен ваш умный дом? Homekit, Яндекс дом, голосовые сценарии, web интерфейс с управлением и аналитикой

Гаджеты Умный дом Интернет вещей DIY или Сделай сам Голосовые интерфейсы

Давно я думал о внедрении системы умного дома в свою квартиру, сравнивал технологии и контроллеры, читал обзоры, и когда подошел момент делать электрику в квартире решил остановиться на беспроводной технологии Z-Wave - большой ассортимент производителей и совместимых устройств, шифрование данных, возможности по интеграции. Задачи были простые: управление освещением, теплым полом, радиаторами отопления, кондиционером для летнего времени года, защита от протечек воды, смарт замок на входную дверь и базовая система безопасности.

В качестве основной системы выбрал контроллер с ПО Z-Way на основе платы расширения RaZberry 7 Pro.

Плата позволяет мини-компьютеру Raspberry Pi управлять оборудованием умного дома Z-Wave. Есть встроенная интеграция с HomeKit, Яндекс Алисой, Google Home и понятный web интерфейс. Совместим с Raspberry Pi 1/2/3A/3B/3A+/3B+/4B и даже возможно подключить к Orange Pi.

Нужно только установить ПО Z-Way. Я использовался имеющийся у меня Raspbery Pi 3b+.

Читать далее
Всего голосов 14: ↑13 и ↓1 +12
Просмотры 3.5K
Комментарии 16

Как выбрать правильный тип палитры для шкалы

Блог компании SkillFactory Визуализация данных Дизайн Инфографика
Перевод

Цвет — мощное средство визуализации данных, его неумеренное или неправильное применение губит всю работу и сбивает с толку, поэтому цвет следует подбирать тщательно, не забывая об особенностях восприятия.

О типах палитр цветов и о том, как выбрать правильную палитру, рассказываем к старту курса по анализу данных.

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 1.7K
Комментарии 2

Бесплатный Telegram-бот для расшифровки аудио. Рассказываем кратко, как мы его сделали

Блог компании SberDevices Контент-маркетинг Управление медиа *Голосовые интерфейсы

Бот конвертирует голосовые сообщения на русском языке в текстовый формат, также работает с загруженными одноканальными аудиофайлами. Его можно использовать даже в групповых чатах. В основе решения — технологии SmartSpeech от SberDevices.

Читать далее
Всего голосов 17: ↑16 и ↓1 +15
Просмотры 6.3K
Комментарии 34

Как ИИ сделает вас стройнее. Часть 2

Блог компании Cloud4Y Обработка изображений *Машинное обучение *Графический дизайн *
Перевод

Недавно мы писали о том, как ИИ помогает корректировать фигуру на фото. Тогда речь шла о проекте от Alibaba, который в целом неплохо справлялся с задачей, но имел ощутимый недостаток: если тело становилось стройнее, фон по краям мог “поехать”.

Новый проект от китайских исследователей предлагает альтернативный метод изменения формы человеческого тела, который "вылечил" эту проблему.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 2.3K
Комментарии 0

«Чтобы сразу как надо, не переделывая». Зачем мы учили дизайнеров проводить исследования, и к чему это привело

Блог компании «Лаборатория Касперского» Графический дизайн *Дизайн
В некоторых компаниях исследовательская лаборатория — это примерно как исследовательское агентство, только расположенное не снаружи, а внутри. В других компаниях исследователи связаны с проектными командами больше, чем с коллегами-ресерчерами. А у кого-то вообще нет формально выделенных исследователей, эту функцию может брать на себя UX-дизайнер, когда возникает такая необходимость. Мы в «Лаборатории Касперского» — я, UX Research Group Manager Лена Королева, и мой соавтор Senior Usability Researcher Даша Романова — попробовали жить в разных конфигурациях и можем рассказать:
  • в чем состоят плюсы и минусы каждого варианта;
  • какие подводные камни ждут вас при смене модели;
  • что делать, чтобы с минимальными потерями вырулить к новой «точке стабильности».

image
Читать дальше →
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 2.8K
Комментарии 3

Java: отличия Map и HashMap

Программирование *Java *Интерфейсы *ООП *
Из песочницы
Перевод

Map - это интерфейс, а HashMap - одна из его реализаций. Тем не менее, в этой статье мы постараемся разобраться, чем полезны интерфейсы, узнаем как сделать код гибче с помощью интерфейсов и почему существуют разные реализации одного и того же интерфейса.

Читать далее
Всего голосов 26: ↑6 и ↓20 -14
Просмотры 8.7K
Комментарии 14

Чем заместить софт для 3D-дизайна и геймдева в условиях санкций

Работа с 3D-графикой *IT-инфраструктура *Разработка игр *Графический дизайн *IT-компании

В этой статье мы рассмотрим текущую ситуацию с инструментами для 3D-дизайна и игроделания и поищем возможные альтернативы.

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Просмотры 4.8K
Комментарии 26

JavaScript редактор диаграмм, который открывает диаграммы из PNG картинок (open source)

Разработка веб-сайтов *JavaScript *Интерфейсы *Визуализация данных

dgrm.net | GitHub

dgrm.net - это редактор диаграмм, с прицелом на трансформацию в карту знаний.

Отличительные особенности:
- аскетичность,
- работает на телефонах (одно из немногих web-решений),
- открытый исходный код.

В процессе разработки появляются интересные моменты. Статья про один из таких моментов: чтение данных из PNG.
Исходный код для использования в своих проектах прилагается.

Читать далее
Всего голосов 36: ↑36 и ↓0 +36
Просмотры 5.3K
Комментарии 19

Разбираем алгоритмы компьютерной графики. Часть 6 — Анимация «Плазма»

Python *Программирование *Компьютерная анимация *Демосцена
Tutorial

Разновидностей алгоритмов генерации "плазм" столько же, сколько, наверное, звезд на небе. Но связывает их вместе принцип плавного формирования перехода цветов.

Для бесшовного формирования цвета очень часто используются тригонометрические функции. Во-первых, потому что они периодические, т.е. через определенный промежуток значения функции повторяются, а во-вторых, они возвращают непрерывные значения, т.е. бесконечно малому приращению аргумента соответствует бесконечно малое приращение функции. Благодаря этому можно используя простые комбинации функций получать плавное возрастание и убывание цветов.

Я попробую рассмотреть один из вариантов, который использует функции синуса и косинуса.

Читать далее
Всего голосов 17: ↑17 и ↓0 +17
Просмотры 3.2K
Комментарии 7