Орден За веру в жизнь, команде 31337 Орден Чемпион, команде 31337 Орден За веру в жизнь, команде A.S.P. Орден Чемпион, команде A.S.P. Орден Чемпион, команде A.S.P. Орден Чемпион, команде 31337. Орден Мега мозг, домену vladimir.en.cx. Орден Чемпион, команде N.R.G. Орден III степени, команде A.S.P. Орден III степени, команде RealTeam.
EN в Twitter EN В Контакте EN в Facebook
Предстоящие игры:
(#417) "-1-"
командная игра,
21.11.2025 / 20:00:00
Игра: Схватка
Автор: Gav31337
Участие: 2 200 руб.
Планета Земля // Россия // Владимир // Публикации
RSS 2.0
Домен: http://vladimir.en.cx/ (владелец домена: Gav31337) Показать аватары
Модераторы форума: Gav31337, crux
На страницу: 
1  2  3  4

Создание и оформление заданий

Версия для печати
Автор: Организатор air  
Опубликована: 22 августа 2007 г.
Публикация прочитана: 1 518 453 раза



&nbsp
Основные темы публикации:




ОБЩАЯ ИНФОРМАЦИЯ



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

В играх типа «Мозговой штурм» хорошей традицией стало сообщать игрокам ответ на предыдущий уровень и давать паузу в 30-60 секунд, чтобы это осмыслить. Это реализуется так: В тексте второго уровня вы сообщаете ответ и комментарии на задание первого, а само задание второго уровня приходит в первой подсказке через минуту. В длительных виртуальных играх можно сделать паузу в 5 минут посередине игры, это пойдёт только на пользу игрокам.

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

     ПРИМЕР:
     

Исключением может быть вопрос, в котором форма ответа и является частью загадки.

[вверх]



ТEKCT



Изменения параметров отображения текста начнём сразу с примеров, под примером будет размещён HTML-код, который надо вставить в поле редактирования задания, чтобы получилось так как указано в примере. Практически все коды можно комбинировать.

Вид текста:

     Пример: Обычный текст

Обычный текст


     Пример: Выделенный текст

<b>Выделенный текст</b>


     Пример: Наклонённый текст

<i>Наклонённый текст</i>


     Пример: Подчёркнутый текст

<u>Подчёркнутый текст</u>


     Пример: Зачёркнутый текст

<s>Зачёркнутый текст</s>


     Пример: Мигающий текст

<blink>Мигающий текст</blink>


     Пример: Выделенный, наклонённый, подчёркнутый текст

<b><i><u>Выделенный, наклонённый, подчёркнутый текст</u></i></b>



Размер шрифта можно указать так:

     Пример: Шрифт немного больше стандартного

<big>Шрифт немного больше стандартного</big>


     Пример: Шрифт немного меньше стандартного

<small>Шрифт немного меньше стандартного</small>


     Пример: Заданный размер шрифта

<font style="font-size: 16px;">Заданный размер шрифта</font>



Цвет шрифта выбирается так:

     Пример: Красный цвет

<font color="red">Красный цвета</font>


     Пример: Золотой цвет

<font color="gold">Золотой цвет</font>


     Можно указывать код цета, список основных цветов тут: http://en.wikipedia.org/wiki/Web_colors

     Пример: Цвет LawnGreen

<font color="#7CFC00">Цвет LawnGreen</font>



Дополнительные функции:

Размещение текста по центру экрана.
<center>
Размещение текста по центру экрана.</center>


     Пример: Горизонтальная черта (параметр size указывает толщину черты)


<hr size=2>




     Пример: Бегущая строка

<marquee direction="left" scrollamount="2" width="200">Бегущая строка</marquee>


     Пример:      Строка1
     Строка2

<marquee direction="up" scrollamount="2" height="15">Строка1<br>Строка2</marquee>



     Подробнее о возможностях тэга MARQUEE смотрите тут: http://www.htmlbook.ru/html/marquee.html



[вверх]


КАРТИНКИ



При оформлении заданий надо использовать картинки, они оживляют и украшают игру, делают её более привлекательной и понятной для игроков. В текст задания кроме обычных картинок (JPG, GIF, PNG) можно вставлять анимированные GIF-ы и Flash-анимацию. При использовании картинок необходимо учитывать следующие моменты:

  • Картинки не должны быть очень большими и занимать много места, ведь многие загружают их играя с dial-up модема или КПК. Максимальное разрешение для картинок в тексте задания 800 х 600 точек. Если вам в тексте задания нужно использовать много картинок или несколько больших – то лучше выдать их отдельными ссылками.
  • Имена файлов не должны быть простыми, ведь игроки могут подобрать их по ходу игры. Не забывайте следить за этим. Вот пример плохих имён для файлов с картинками: dom.jpg, znak.gif, shema.png, lev2.jpg, building1.jpg и т.д.


    Загрузка картинок на сайт.

    В текст задания можно вставлять ссылки на уже существующие на других сайтах картинки, а можно закачать свои прямо в игровой движок, и потом использовать их в тексте задания, делается это в меню Управлние Заданиями в Панели Администратора. Аналогочным способом можно закачать на сайт и файлы других форматов (SWF, MP3 и др.)





    Картинка автоматичсеки помещается в папку с игрой вида: http://example.en.cx/data/games/3340/ где 3340 – уникальный номер вашей игры.

    Когда картинка добавлена, её имя появляется в списке «Файлы для игры». Вы можете кликнуть на имени картинки, и она откроется в новом окне. Сохраните прямую ссылку на эту картинку – и потом вставьте её в текст уровня с помощью тега <img>.
    Вот пример прямой сслыки на загруженную картинку: http://example.en.cx/data/games/3340/korona.jpg


    Вставка картинок в текст задания.

         Пример: Ссылка на большую картинку. "Следующий уровень в США. Здесь вы получите дальнешие указания."
    <a href="http://cdn.endata.cx/images/personal/3/ny.jpg" target="_blank">Здесь</a> вы получите дальнешие указания.

         Пример: Просто вставка картинки.
         
    <img src="http://cdn.endata.cx/data/games/3340/korona.jpg" border="0" />

         Пример: Вставка картинки по центру экрана.
    <div align="center"><img src="http://cdn.endata.cx/data/games/3340/korona.jpg" border="0" /></div>

         Пример: Вставка картинки c сылкой на другую картинку (или страницу).
         
    <a href="http://cdn.endata.cx/data/games/3340/magazin.jpg" target="_blank"><img src="http://cdn.endata.cx/data/games/3340/korona.jpg" border="0" /></a>



         Пример: Анимированная GIF картинка (смайлик) вставлена в бегущую строку.     
    <marquee direction="right" scrollamount="2" width="800"><img src="http://kolobok.us/smiles/personal/pooh_go.gif" border="0" /></marquee>




    [вверх]


    МЕДИАФАЙЛЫ



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

    Встраивание звуковых файлов:

    Встроить midi-файл в текст задания можно следующим кодом:
    <embed src="http://cdn.endata.cx/data/games/2597/melodiy.mid" type="audio/x-midi" hidden="true" autostart="true" loop="true"></embed>

    Новый и более удобный способ вставки медиафайлов - тэг Audio
    Встроить mp3 и WMA файлы в текст задания можно так:
    <audio src="http://cdn.endata.cx/data/events/ensound2007/en.sound2007.1.mp3"></audio>


    или так (если ваш браузер не имеет plug-in для проигрывания mp3):

    <OBJECT id="MediaPlayer" WIDTH=320 HEIGHT=42 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading..." type="application/x-oleobject"><PARAM name="FileName" value="http://cdn.endata.cx/data/events/ensound2007/en.sound2007.1.mp3"><PARAM name="AutoStart" value="0">
    <EMBED type="application/x-mplayer2" src="http://cdn.endata.cx/data/events/ensound2007/en.sound2007.1.mp3" name="MediaPlayer" autostart="0" WIDTH=320 HEIGHT=42></EMBED></OBJECT>


    Вместо "http://en.cx/data/events/ensound2007/en.sound2007.1.mp3", подставляете имя своего файла (латиницей).
    Если необходимо автоматически запускать звуковой файл, параметр autostart="0", замените на autostart="1" или autostart="true"

    Пример:




    Встраивание видео файлов:

    Встроить в текст задания видео-сюжет из www.rutube.ru можно при помощи кода, который можно увидеть
    в самом файле на www.rutube.ru.
    Пример:



    <embed src="http://video.rutube.ru/9aa027b20b344cb140386b867554cd84" type="application/x-shockwave-flash" wmode="window" width="400" height="353" allowfullscreen="true" flashvars="uid=806578"/>



    Встраивание Flash-анимации (SWF файлов):

    Пример: Карта района г.Минска сделана на Flash. Вы можете закачать на сайт свой SWF файл и поменять сслыку в коде на него.

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="600" height="480" id="map3" align="middle"><param name="movie" value="http://cdn.endata.cx/images/personal/3/map3.swf"/><param name="quality" value="high" />
    <embed src="http://cdn.endata.cx/images/personal/3/map3.swf" quality="high" width="600" height="480" name="map3" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>


    Подробнее о возможностях тэга EMBED смотрите тут: http://www.htmlbook.ru/html/embed.html


    [вверх]


<<< Свернуть публикацию
Организатор
Мальчик
 air
Аттестат
[ 23.05.2009 21:16:55 (UTC +3), online.en.cx ]  
Такого создать нельзя, она не придусмотрена движком.
Капитан
Мальчик
(
)
Орден II степени
Аттестат
[ 01.07.2009 13:18:41 (UTC +3), 56.en.cx ]  
>Скажите пожалуйста, как создать кнопку автоввода ответа
надо посмотреть исходники сценария где ЭТО есть

КандENлаки возвращается

<br/> <script language="javascript">function AutoSubmit(s){var x = document.forms[0];x.elements[1].value=s;x.submit();}</script>
<br/>
<br/><input type="button" name="Hello" size="5" value=" Следующее " button onclick="javascript:AutoSubmit('fg');" value="Автоввод"></span>


>Такого создать нельзя, она не придусмотрена движком.
в движок можно писать свой код - это значит можно делать всё.
Генерал-полковник
Мальчик
Орден II степени
Аттестат
[ 17.07.2009 7:22:18 (UTC +3), kuzbass.en.cx ]  
Просто задрал тему повыше.
А то она уже последняя в списке публикаций.
Как бы не того...
Лейтенант
Мальчик
Орден II степени
Аттестат
[ 27.07.2009 5:39:18 (UTC +3), blaga.en.cx ]  
где скачать шрифт (если такой существует), которым написан лого encounter? сие необходимо для оформления домена. спасибо
Старший сержант
(
)
[ 01.10.2009 20:48:16 (UTC +3), moscow.en.cx ]  
спасибо огромное)
Капитан
Мальчик
(
)
Аттестат
[ 08.11.2009 22:08:40 (UTC +3), stoskol.en.cx ]  
огромное спасибо)
Организатор
Мальчик
 air
Аттестат
[ 19.03.2010 14:38:48 (UTC +3), online.en.cx ]  
Может не отрою Америку, но всё же расскажу как мы оформляем игры

<span class="h14 gold up bold">описание игры</span>
<span class="h12 white">текст описания игры</span>

т.е. я постоянно использую конструкцию с тэгом <span>, в классе которого легко менять разные параметры шрифта

например:

параметр
h8 , h10, h12 , h14, h16, h18, h20, h24 - задаёт размер букв

white, cream, gold, green, red - задаёт нужный цвет шрифта

bold, italic - задаёт стиль шрифта

up - делает все буквы заглавными

там еще много таких параметров, надо в CSSе смотреть их все, но это основные.
таким образом, запомнив эту нехитрую конструкцию - вы всегда сможете красиво оформить вашу игру
Лейтенант
Мальчик
(
)
[ 05.05.2010 3:52:20 (UTC +3), murmansk.en.cx ]  
Ребята, помогите разобраться с Flash, как значения из swf-файла передать движку!!!??:)
Заранее благодарю!
Лейтенант
Мальчик
(
)
Аттестат
[ 24.06.2010 10:09:04 (UTC +3), belor.en.cx ]  
Вопрос. оформление игры, как сделать фон в оформлении чёрным, как допусти тут:
http://perm.en.cx/GameDetails.aspx?gid=18696

если кто знает, напишите плиз в личку или тут)))
Старший сержант
Мальчик
(
)
Аттестат
[ 02.09.2010 2:37:51 (UTC +3), bobtown.en.cx ]  
Млин....Не получается выкинуть муз файл в задание игры!!!!Все делал как написано..ФИГ!Что делать???
Младший лейтенант
Девочка
(
)
Аттестат
[ 14.09.2010 12:25:57 (UTC +3), kocmoc.en.cx ]  
Ребят засада, не могу сделать таблицу 34*34, всё получается, но почему то очень много пустого пространства от края верхней страницы и до самой таблицы. подскажите что не так делаю.
Майор
Мальчик
(
 Золотой Орден I степениОрден III степениЗолотой Орден I степени
)
Аттестат
[ 14.09.2010 22:17:56 (UTC +3), tambov.en.cx ]  
Как сделать так чтобы поля для ввода было одно а количество бонусов большое.и движок сам определял что ввели.заранее спасибо.
Подполковник
Мальчик
(
 Орден II степени
)
Орден II степени
Аттестат
[ 28.01.2011 1:18:30 (UTC +3), en.cx ]  
P.U.L.S.E: Вопрос. оформление игры, как сделать фон в оформлении чёрным, как допусти тут:
http://perm.en.cx/GameDetails.aspx?gid=18696

если кто знает, напишите плиз в личку или тут)))

Вот тег для чёрного фона,правдо без рамки


<table border="0" width="100%" height="100%" bgcolor="#000000">
<tr>
<td height="100%" width="100%">

начинка
</td>
</tr>
</table>

Подполковник
(
)
Аттестат
[ 08.05.2012 10:20:27 (UTC +3), en.cx ]  
http://habrahabr.ru/post/143452/
хорошие рекоминдации
Лейтенант
Мальчик
(
)
Аттестат
[ 02.02.2013 6:46:12 (UTC +3), biysk.en.cx ]  
в принципе все понятно вставля ю картинку в задание все норм и текст только после этого подсказки итд все в кучу текст на текст наезжает как это исправить
Старший лейтенант
(
)
[ 14.02.2013 0:00:43 (UTC +3), yola.en.cx ]  
У меня вот вопрос, после вставки в афишу игры флеш объекта, его никак нельзя остановить, т.е. он воспроизводит его постоянно. Тег loop после обновления страницы, редактор автоматом меняет на своё значение. Так и должно быть?
Если запускать html файл не через редактор, а сразу с компа, тег loop нормально срабатывает и флеш останавливается
Майор
(
)
Аттестат
[ 24.02.2013 23:44:18 (UTC +3), stavropol.en.cx ]  
Ребят, подскажите как сделать картинку кликабельной!!!
Старший сержант
Мальчик
(
)
Аттестат
[ 26.02.2013 15:36:26 (UTC +3), kirovograd.en.cx ]  
Tucker:
<br/> <script language="javascript">function AutoSubmit(s){var x = document.forms[0];x.elements[1].value=s;x.submit();}</script>
<br/>
<br/><input type="button" name="Hello" size="5" value=" Следующее " button onclick="javascript:AutoSubmit('fg');" value="Автоввод"></span>
что-то не работает автоввод, по крайней мере на demo.en.cx
при нажатии на кнопку в движок вводится "Введите ответ или код", в чем может быть проблема?
Лейтенант
Мальчик
(
)
Аттестат
[ 01.03.2013 22:02:20 (UTC +3), budennovsk.en.cx ]  
Ребята , подскажите плизз, вставляю медиа в игру, с компа воспроизводится без проблем, а вот с нетбуков и телефонов (андроид, яблоко) не хочет, что нужно сделать?
Лейтенант
Мальчик
(
)
Аттестат
[ 02.03.2013 2:24:58 (UTC +3), budennovsk.en.cx ]  
Спасибо но уже не надо, нашел выход из положения
На страницу: 
1  2  3  4
03.05.2024 10:12:52
(UTC +3)

www.en.cx
EncounterTM Ltd.
2004-2024 ©