Pull to refresh
6
0
Егор @Mordraug

User

Send message

Химия геймдева или как манипулировать игроками

Reading time11 min
Views41K
После выхода в свет моей первой мобильной игрушки, я активно начал заниматься самообразованием в области гейм дизайна для совершенствования моего продукта. Наткнулся в буржнете на любопытную статью, которая заставила меня по-иному взглянуть на игры и дала более полное понимание процесса разработки. Редко удается встретить что-то действительно стоящее, а этот текст мне так понравился, что я решил сделать русский перевод. Помимо прочего, я выкинул всю лирику, попытку автора шутить и немного воды.



1. За пределами алхимии


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

Каждый раз, когда я рублюсь в идеальные творения, вроде Тетриса или Марио, я вижу следы определенной структуры, скрывающейся за игровым процессом. Я верю, что механическое и предсказуемое сердце, построенное на основе человеческой психологии, бьется в центре каждой успешной игры.

А что если бы мы декодировали эти системы и превратили бы их в практическую методику создания игр?
Читать дальше →
Total votes 54: ↑40 and ↓14+26
Comments10

Делаем онлайн-кинотеатр для слепых (WCAG 2.0 AAA)

Reading time4 min
Views24K
В РФ живет около 275 тысяч слепых и слабовидящих людей, 22% молодежь, некоторые из них также являются пользователями интернета, как и мы.

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

image
(пример адаптированной темы на GitHub по ссылке с картинки )
про WCAG 2.0 и как ему соответствовать читайте внутри
Total votes 46: ↑43 and ↓3+40
Comments21

ЧПУ фрезерный станок с автономным контроллером на STM32

Reading time5 min
Views112K
Поскольку я давно собрал для себя ЧПУ станок и давно и регулярно эксплуатирую его для хоббийных целей, то мой опыт, надеюсь, будет полезен, как и исходные коды контроллера.

Постарался написать только те моменты, которые лично мне показались важными.

Ссылка на исходники контроллера и настроенную оболочку Eclipse+gcc и пр. лежат там же, где ролик:


Читать дальше →
Total votes 59: ↑57 and ↓2+55
Comments39

300 потрясающих бесплатных сервисов

Reading time11 min
Views1.6M


Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

  • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
  • Bootswatch: Бесплатные темы для Bootstrap.
  • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
  • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
  • Strikingly.com Domain: Конструктор веб-сайтов.
  • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
  • Withoomph: Мгновенное создание логотипов (англ.).
  • Hipster Logo Generator: Генератор хипстерских логотипов.
  • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
  • Invoice to me: Бесплатный генератор счета.
  • Free Invoice Generator: Альтернативный бесплатный генератор счета.
  • Slimvoice: Невероятно простой счет.

Читать дальше →
Total votes 341: ↑325 and ↓16+309
Comments107

Звук на чипе AY-3-8910 (или Yamaha YM2149F) родом с ZX Spectrum на PC через USB

Reading time5 min
Views53K
Прошло около года, с момента успешного подключения музыкального синтезатора YM2149F к LPT порту компьютера. LPT это конечно хорошо, однако время не стоит на месте, и найти компьютер или ноутбук с LPT портом становится все сложнее и сложнее. Да и сам автор (то есть я) устал лазить каждый раз под стол, где стоит системник, и перетыкать LPT плату на что-то другое, например программатор (у меня LPT-программатор Willem, ну да не суть). Поэтому на сей раз подключать чип YM2149F будем к USB. Ну и конечно, чтобы соотвествовать эпохе, будем это делать на копеечном древнем микроконтроллере PIC16F628.

image

Вкратце, YM2149F (или ее функциональный аналог AY-3-8910) — микросхема звукового трехголосного синтезатора, применялась в старых компьютерах типа Atari ST, Amstrad CPC, ZX Spectrum, MSX и некоторых других для проигрывания музыки. В России чип приобрел определенную известность благодаря установки в различные клоны ZX Spectrum'а. За время шествования ZX Spectrum по бывшему СССР музыкантами были написаны тысячи мелодий под этот звуковой программируемый генератор. Да и сейчас можно вполне найти людей, создающих музыку именно под этот чип. В конце статьи будут приведены ссылки на огромнейший архив чип-тюнов для YM/AY на сотни часов непрерывного прослушивания.
Читать дальше →
Total votes 75: ↑75 and ↓0+75
Comments66

Краткая инструкция по работе с web-дизайнером (для менеджера проекта)

Reading time5 min
Views55K


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

В каждом из пунктов будут живые примеры и ссылки на полезные, бесплатные инструменты.

В идеале, в комментариях вы оставите свои советы, замечания к статье, ссылки и примеры.
Читать дальше →
Total votes 53: ↑42 and ↓11+31
Comments60

Красивое падение: CSS3-анимация с гравитацией

Reading time3 min
Views51K
Давным давно (летом 2014), когда я усиленно работал с оформлением, передо мной возникла следующая проблема. Я хотел использовать CSS3 для создания эффекта прыгающего мячика с учетом естественных законов физики. Я прошерстил Интернет в поисках какого-нибудь способа, чтобы «вдохнуть» гравитацию в мой мячик.

После нескольких часов просматривания Stackoverflow и доков CSS, я нашел несколько опций, но это все равно не до конца меня устроило. Использование Javascript и Jquery было бы лишним и неэффективным для такой простой задачи, которая, как кажется, должна легко решаться с использованием существующих опций для анимации в CSS3.

Я сначала попытался использовать переходы ease-in (ease-out), которые представлены CSS. Но несмотря на то, что они выглядели достаточно плавными, было слишком сложно добиться ощущения естественности. И каждый новый прыгающий объект нуждался бы в совершенно новой функции, подобрать которую очень трудоёмко. Многие сайты, которые я посещал, предлагали использовать громоздкие keyframe-функции для описания анимации каждого прыжка. Код этих функций выглядит слишком сложным и избыточным. Более того, полученные прыжки объекта выглядели отрывистыми и непрофессиональными.
Решение задачи
Total votes 58: ↑37 and ↓21+16
Comments12

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №139 (15 — 21 декабря 2014)

Reading time5 min
Views32K
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 36: ↑33 and ↓3+30
Comments5

Выразительный JavaScript: Формы и поля форм

Reading time17 min
Views197K

Содержание




Я нынче ж на ученом кутеже
Твое доверье службой завоюю,
Ты ж мне черкни расписку долговую,
Чтоб мне не сомневаться в платеже.

Мефистофель, в «Фаусте» Гёте


Формы были кратко представлены в предыдущей главе в качестве способа передачи информации, введённой пользователем, через HTTP. Они были разработаны в вебе до появления JavaScript, с тем расчётом, что взаимодействие с сервером происходит при переходе на другую страницу.

Но их элементы являются частями DOM, как и остальные части страницы, а элементы DOM, представляющие поля формы, поддерживают несколько свойств и событий, которых нет у других элементов. Это делает возможным просматривать и управлять полями ввода из программ JavaScript и добавлять функциональности к классическим формам или использовать формы и поля как основу для построения приложения.
Читать дальше →
Total votes 22: ↑22 and ↓0+22
Comments13

Выразительный JavaScript: Введение

Reading time9 min
Views466K


Перевод книги Marijn Haverbeke "Eloquent JavaScript". Лицензия Creative
Commons attribution-noncommercial license
. Код предоставляется под лицензией MIT.


Содержание



Читать дальше →
Total votes 54: ↑49 and ↓5+44
Comments14

Мысли вслух о разработке javascript-приложений на примере небольшого Line Of Business фреймворка

Reading time21 min
Views19K
Привет, Хабр!

Не так давно мы сами себе поставили задачу — построить SPA-приложение. Сложное, большое, быстрое, с поддержкой множества устройств, без утечек памяти. К тому же, постоянно развивающееся, чтобы его было легко поддерживать. В общем, как мы и любим — всё и сразу.

Тема SPA-приложений и javascript-приложений в целом не нова, но нам не удалось найти даже на платных ресурсах основательных руководств по разработке приложений. Они являются скорее рассказом о той или иной MV*-библиотеке, чем примером для подражания. При этом не рассматриваются примеры разбиения по слоям, построения иерархий наследования и тонкостей наследования в javascript и т.д.

Мы попробуем зайти с другой стороны и описать, скорее, ход мыслей при разработке (с кодом и ссылками), чем какой-то конкретный инструмент. Начать мы вынуждены с уровня hello world, чтобы задать одну стартовую точку для читателей и писателя. Но уже со второго раздела повествование резко ускорится.

Мы считаем, что данная статья будет полезна:

  1. Front-end разработчикам, у которых уже есть небольшой опыт, но хочется вырасти.
  2. Back-end разработчикам, которым в какой-то момент пришлось начать заниматься js-разработкой и которые чувствуют некую неуверенность при работе с javascript.
  3. Верстальщикам, которые начали заниматься js-разработкой и хотели бы прокачать свои навыки.



Чтиво получилось весьма объемистым, но надеемся, что настолько же полезным.
Читать дальше →
Total votes 7: ↑6 and ↓1+5
Comments8

Война цен, или Как я применял на практике опыт западных коллег

Reading time6 min
Views47K
Вопрос конкурентности цен в моей нише (интернет-магазин, товары для дома, работаю с декабря 2013 года) стоял, да и стоит, довольно остро. Поэтому я и начал изучать наработки признанных профи в этом вопросе. И тут, как по заказу, мне попалась на глаза статья на сайте blog.crazyegg.com, которая была очень в тему. Так что, выношу ее на ваш суд (разумеется, на русском языке) и со своими комментариями/дополнениями/размышлениями.
Читать дальше →
Total votes 31: ↑28 and ↓3+25
Comments11

Солнечная система на graphics2d.js

Reading time5 min
Views22K

Доброго {{timeOfDay}}


Как-то затихла тема canvas-а на Хабре…

Давайте вспомним солнечную систему на нём (начало, LibCanvas, Fabric.js) и напишем ещё одну версию? Теперь на graphics2d.js.


Читать дальше →
Total votes 27: ↑22 and ↓5+17
Comments31

Практическое применение FlexBox

Reading time10 min
Views366K
Привет, хабр!

Одним прекрасным вечером, не предвещающим ничего интересного, в наш чатик поступило предложение от автора публикации «Переводим в код 5 действительно полезных шаблонов адаптивной разметки», написанной им весной 2012 года, написать статью-ремейк, но с применением FlexBox и сопутствующим пояснением что и как работает. После некоторой доли сомнений, интерес глубже разобраться в спецификации все таки победил и я благополучно сел верстать те самые примеры. В ходе погружения в эту область стало выясняться множество нюансов, что переросло в нечто большее чем просто переверстать макетики. В общем в данной статье хочу рассказать о такой чудесной спецификации, под названием «CSS Flexible Box Layout Module» и показать некоторые ее интересные особенности и примеры применения. Всех кому интересно, любезно приглашаю под хабракат.
Читать дальше →
Total votes 56: ↑54 and ↓2+52
Comments38

История Пегмэна в Google Street View

Reading time3 min
Views59K
Если вы хоть раз пользовались функцией «Стрит Вью» картографического сервиса «Гугла», то вам точно знаком этот маркер в виде человечка-колышка. Стандартная жёлтая фигурка Пегмэна показывается при просмотре панорам большинства улиц, есть также несколько вариантов-пасхалок. И наверняка вы даже и не задумывались над тем, какое количество усилий потребовала его окончательная форма. Ведь даже настолько, казалось бы, маленькая деталь на самом деле долго и тщательно разрабатывалась, и до сегодняшнего Пегмэна было перепробовано множество вариантов.

Маркер появился в ответ на заметный эффект дезориентации, называемый эффектом метро. Точно так же, как и в подземном транспорте после выхода из вагона, на панорамном 3Д-обзоре невозможно было понять, где вы находитесь, и в какую сторону плоской карты вы смотрите. В обзор была добавлена желтая линия, показывающая направление объезда улицы машиной панорамной съемки, но это мало помогало.
Читать дальше →
Total votes 69: ↑67 and ↓2+65
Comments22

Сферические панорамы Марса и Curiosity

Reading time1 min
Views86K
Российский фотограф Андрей Бодров создает 360-градусные сферические панорамы на основе фотографий Curiosity. Его мастерство и сложность такой работы признано даже NASA. 22 февраля его панорама стала астрономической картиной дня (Astronomy Picture of the Day).


Читать дальше →
Total votes 85: ↑74 and ↓11+63
Comments26

RetroN 5 — игровая консоль нового поколения для ностальгирующих геймеров

Reading time1 min
Views124K


Еще в 2010 году я писал об игровой консоли RetroN 3, позволяющей играть в старые игры без всяких эмуляторов, используя картриджи самых разных игровых консолей прошлого. Разработчики значительно усовершенствовали эту игровую консоль, пустив ее на «широкий экран». Другими словами, консоль, поддерживающая игру с картриджами NES, SNES, Genesis, Mega Drive, Super Famicom, Game Boy Color, Game Boy, Famicom и Game Boy Advance, позволяет играть на современном ТВ с разрешением вплоть до 720р. Есть и другие вкусности.

Читать дальше →
Total votes 52: ↑46 and ↓6+40
Comments107

Настройка сервера Synology: веб-сервер

Reading time4 min
Views111K
Приветствую хабрачитателей!

В сегодняшнем посте я хочу поделиться опытом настройки веб-сервера Synology на ОС DiskStationManager (DSM) v3.2-1955.

Эта инструкция, по моему мнению, подойдёт для любой модели NAS-сервера Synology у которых все отличия только в аппаратной части. Программная часть крутится на DSM, которая регулярно обновляется.

Введение

Недавно я приобрёл NAS-сервер SynologyDS 712+.
image
Мотивацией к написанию поста послужили ряд непонятных мне проблем при поднятии веб-сервера. Хочу систематизировать полученные знания и опыт в данном посте.
Читать дальше →
Total votes 35: ↑27 and ↓8+19
Comments41

Еще одна флешка-криптекс с серьезной защитой

Reading time1 min
Views26K


На Хабре уже как-то выкладывалась новость об интересной флешке с механической защитой типа «криптекс». Криптексы вообще популярны, как среди авторов разного рода детективов и исторических романов, так и среди почитателей творчества этих авторов, а также среди гиков. Так вот, на днях появилась информация о флешке нового типа, которая так и называется — Crypteks.

Читать дальше →
Total votes 73: ↑64 and ↓9+55
Comments77
1
23 ...

Information

Rating
Does not participate
Location
Россия
Date of birth
Registered
Activity