Дети на Куличках >> Игры онлайн >> Игры для девочек

Делаем свои игры

Давайте делать свои игры и размещать их на сайте! Это под силу каждому!
Проще всего сделать игру на одевание или макияж. Можно взять такие темы:
1. Моя любимая учительница.
2. Моя нелюбимая учительница.
3. Мой учитель. (В смысле: мужчина).
4. Моя любимая певица.
5. Моя любимая актриса.
6. Это я! (То есть рисуешь и украшаешь себя).
7. Мой питомец (собака, кошка, крокодил, бегемот и пр.)
И т.д.
Лучше не повторять те игры, что видели в Интернете, а сделать по-своему, прикольнее: в том числе немыслимые прически и головные уборы, зубы как у зайца и т.д.
Если не умеете рисовать, попросите кого-нибудь из друзей или нарисуйте как умеете.
Должен быть портрет (по грудь, по пояс или в полный рост - в зависимости от вашего замысла) плюс сменные части тела, платья, украшения и пр. Их можно будет перетаскивать мышкой.

В каком виде будет игра? Представим три варианта.


1. Flаsh - программа для создания игр и анимации.
На компьютер надо поставить программу Adobe Flash (продается на CD).
Рисунки лучше сделать прямо на флеше (рисовать там - одно удовольствие!). Но можно и нарисовать на бумаге, сканировать и вставить во флеш. Тут всех подробностей сразу не опишешь, но, если кто-то будет делать игру на флеше и встретится с трудностями, тому поможем, ответив на конкретные вопросы.

У кого нет времени или терпения освоить флеш - переходите к пп. 2 и 3.

2. С помощью специального скрипта для долл-мейкеров.
Самый простой способ. Поддерживает двойной клик, отключает правый клик (чтоб не воровали рисунки) и пр. Игровое поле небольшое, но для долл-мейкеров достаточное. Нужно всего лишь на страницу с игрой поставить одно выражение - вы его видите ниже, а далее ваши картинки (как их делать, см. п.3):


Выделите код, скопируйте (всё можно сделать правой клавишей), поставьте на свою страницу. Напишите свои названия картинок. Разместите ее в той же папке, что и рисунки.
И всё!
Двойным щелчком картинки будут отправляться на игровое поле. Скрипт работает только в онлайне, то есть надо разместить на каком-либо сайте.
Желающие могут почитать подробности на www.dollmakerscript.com (на англ. языке). Есть еще полезный сайт dollmakercode.com.

3. Игра на Jаva-скрипт.
Потребуется программа Photoshop.
Вы рисуете на бумаге, сканируете рисунки и сохраняете в формате gif или jpg (выбрав Файл/Cохранить для Web как...), выбрав оптимальное соотношение размера и качества рисунка (размер в килобайтах желательно поменьше, но чтобы качество было приемлемым). Для сменных деталей лучше использовать gif, так как там можно делать прозрачный фон (Transparent). Разрешение рисунка должно быть 72 dpi (точек на дюйм) - если выберете Cохранить для Web как..., это произойдет автоматически.
Все рисунки кладите в одну папку. Предположим, у вас получились рисунки
uchitel.jpg (это главный), glaza1.gif, glaza2.gif, glaza3.gif, rot1.gif, rot2.gif и т.д.
Откройте новый (чистый) файл в Блокноте. Выделите (кликните и нажмите Ctrl+A) и скопируйте (можно с помощью правой клавиши мыши) в новую страницу этот код:


Код работает в IE, Opera, FireFox.
Не пугайтесь, увидев его. Надо всего лишь кое-что изменить в самом начале (Название игры) и в конце - названия ваших файлов. Добавьте строчки по количеству ваших рисунков-деталей.
Теперь сохраните файл на диск с расширением htm. Например, дайте ему название uchitel.htm
Запустите его двойным щелчком. Игра готова! Если что-то не так, кликните по странице правой клавишей и выберите "Просмотр в виде HTML". Можно внести изменения, потом нажать кнопку Сохранить, а потом Обновить.
Заархивируйте и присылайте нам!
Будут проблемы - пишите!

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

Поступил вопрос: Как сделать прозрачный фон у картинок?
Нужна программа Photoshop или Paint Shop Pro (не Paint). Сохраняйте рисунок в формате gif. Применительно к Фотошопу:
1. Если создаете новый рисунок, сразу выбирайте прозрачный фон (Contents/Transparent). Фон во время работы будет в бело-серую клетку, а на готовом рисунке в формате gif он виден не будет.
2. Если рисунки уже сделаны, и фон, допустим, белый. Как это исправить?
Нажмите Ctrl+A (выделяем весь рисунок). Теперь Edit/Copy (Редактирование/Копирование). Создаем новый файл (он будет с теми же размерами), выбираем прозрачный фон (Contents/Transparent).
Теперь Edit/Paste (Редактирование/Вставка).
Выбираете в верхнем меню Select (выделение)/Color Range. Кликаем по белому цвету в открывшемся окошке или прямо на рисунке.
Теперь Edit/Cut (вырезать). Готово!
Если кто-то знает более короткий способ, как поменять у рисунка белый фон на прозрачный, пусть напишет.
Wolfisse:
Я знаю! Нужно открыть рисунок (лучше всего когда формат GIF!) с помощью проги Microsoft Photo Editor, нажимаем на кнопку Задание прозрачного цвета, там такая синяя палочка, наживаем на рисунке в том месте, где точно цвет, который вы хотите сделать прозрачный(поэтому при рисовании его лучше делать таким цветом, которого нет в самой детали) в окошке нажимаете ок и все. терь нажимаем закрыть и в выскочившем окошке с вопросов сохранить? отвечаем Да.
P.S. Там можно стрелочкой регулировать, если у вас JPEG формат, насколько тот самый цвет подобен иным. Потому что при удалении определенного цвета у формата JPEG плохого качества остается каемка.
LliWandom:
Я знаю более короткий способ поменять белый фон на прозрачный. Короче и легче его просто нет. Рисунок вы сохраняете в формате png - способ работает только в этом формате, и выбираете там прозрачность. Нажимаете "Сохранить", а когда нужно кликнуть на то, что должно быть прозрачным, кликаете на фон. При этом в той папке, где ваша картинка, появится её копия, но с прозрачным фоном. Удалите рисунок с белым фоном. Готово!