Как можно создать лицо человека, используя веб-технологии?

Question

Я нахожусь в процессе создания веб-приложения: игры. У меня есть много случайно сгенерированных неигровых персонажей в базе данных. Я могу получить много информации о них - их рост, вес, цвет глаз, цвет волос и стиль волос.

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

Проблема в том, что я не художник. Я не возражал бы нанять художника для этой системы, но я не знал бы, с чего начать. Если бы это был 2007 год, я бы, естественно, подумал, что использование Flash было бы лучшим выбором. Я хотел бы видеть "дыхание" смоделированным. Однако, поскольку Flash уже выходит, я не уверен в твердом решении.

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

Кто-нибудь может подсказать, как это хорошо осуществить?

Answer 1

Посмотрите на 'eigenfaces' - Запись в Википедии . Идея состоит в том, что изображения лиц могут быть разложены в линейные комбинации набора собственных лиц. Таким образом, вы можете создать случайное лицо, случайным образом назначив набор весов набору собственных граней (которые есть в Интернете) и сложив их вместе.

Может быть излишним :) Не уверен насчет дыхания.

Answer 2

Personnaly. Я бы сделал несколько основных форм лица / волос, используя canvas API. Тогда я бы использовал ваши данные, такие как цвет или волосы, чтобы заполнить эти фигуры.

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

Для получения информации о API canvas отлично подходит учебник Mozilla: https://developer.mozilla.org/en/Canvas_tutorial

У вас также есть хороший шпаргалка http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.png

Answer 3

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