Choose your language:
zh en ru
最新公告:

2021/10/29 2:57:52
Информационный телеграм канал
Сделали канал в телеграм, где будет только важная техническая информация о проекте Encounter.
Вступайте сами и сообщите игрокам и авторам вашего домена.
https://t.me/eninformation


2020/11/16 16:17:55
Официальные зеркала проекта ENCOUNTER
http://domen.encounter.cx/
http://domen.encounter.ru/


2011/3/30 0:46:24
Hey guys!
I will be happiness to see you at the upcoming game! This is a great opportunity to make your weekend more fun! You need just register your account and team, invite your friends and come on game briefing!
If you have some questions, you can write letter to my e-mail or add my skype.
Stan Exc1uzive.


新闻资料库 >>>
Earth // 中国 // 上海 // 刊物
RSS 2.0
域名: http://shanghai.en.cx/ (域名所有者: Exc1uzive) Show avatars
Forum moderators: Exc1uzive
On page: 
1  2  3  4

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

打印版本
游戏策划: 组织人 air  
Publish: 2007年8月22日
Публикация прочитана: 1,516,367 раз



&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


    [вверх]


<<< Collapse publication
组织人
Boy
 air
证状
[ 2009/5/24 1:16:55 (UTC +8), online.en.cx ]  
Такого создать нельзя, она не придусмотрена движком.
Captain
Boy
(
)
Medal of the 2-nd rank
证状
[ 2009/7/1 17:18:41 (UTC +8), 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>


>Такого создать нельзя, она не придусмотрена движком.
в движок можно писать свой код - это значит можно делать всё.
Colonel-general
Boy
Medal of the 2-nd rank
证状
[ 2009/7/17 11:22:18 (UTC +8), kuzbass.en.cx ]  
Просто задрал тему повыше.
А то она уже последняя в списке публикаций.
Как бы не того...
Lieutenant
Boy
Medal of the 2-nd rank
证状
[ 2009/7/27 9:39:18 (UTC +8), blaga.en.cx ]  
где скачать шрифт (если такой существует), которым написан лого encounter? сие необходимо для оформления домена. спасибо
Senior sergeant
(
)
[ 2009/10/2 0:48:16 (UTC +8), moscow.en.cx ]  
спасибо огромное)
Captain
Boy
(
)
证状
[ 2009/11/9 3:08:40 (UTC +8), stoskol.en.cx ]  
огромное спасибо)
组织人
Boy
 air
证状
[ 2010/3/19 19:38:48 (UTC +8), 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е смотреть их все, но это основные.
таким образом, запомнив эту нехитрую конструкцию - вы всегда сможете красиво оформить вашу игру
Lieutenant
Boy
(
)
[ 2010/5/5 7:52:20 (UTC +8), murmansk.en.cx ]  
Ребята, помогите разобраться с Flash, как значения из swf-файла передать движку!!!??:)
Заранее благодарю!
Lieutenant
Boy
(
)
证状
[ 2010/6/24 14:09:04 (UTC +8), belor.en.cx ]  
Вопрос. оформление игры, как сделать фон в оформлении чёрным, как допусти тут:
http://perm.en.cx/GameDetails.aspx?gid=18696

если кто знает, напишите плиз в личку или тут)))
Senior sergeant
Boy
(
)
证状
[ 2010/9/2 6:37:51 (UTC +8), bobtown.en.cx ]  
Млин....Не получается выкинуть муз файл в задание игры!!!!Все делал как написано..ФИГ!Что делать???
Junior lieutenant
Girl
(
)
证状
[ 2010/9/14 16:25:57 (UTC +8), kocmoc.en.cx ]  
Ребят засада, не могу сделать таблицу 34*34, всё получается, но почему то очень много пустого пространства от края верхней страницы и до самой таблицы. подскажите что не так делаю.
Major
Boy
(
 Gold Medal of the 1-st rankMedal of the 3-rd rankGold Medal of the 1-st rank
)
证状
[ 2010/9/15 2:17:56 (UTC +8), tambov.en.cx ]  
Как сделать так чтобы поля для ввода было одно а количество бонусов большое.и движок сам определял что ввели.заранее спасибо.
Lieutenant colonel
Boy
(
 Medal of the 2-nd rank
)
Medal of the 2-nd rank
证状
[ 2011/1/28 6:18:30 (UTC +8), 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>

Lieutenant colonel
(
)
证状
[ 2012/5/8 14:20:27 (UTC +8), en.cx ]  
http://habrahabr.ru/post/143452/
хорошие рекоминдации
Lieutenant
Boy
(
)
证状
[ 2013/2/2 10:46:12 (UTC +8), biysk.en.cx ]  
в принципе все понятно вставля ю картинку в задание все норм и текст только после этого подсказки итд все в кучу текст на текст наезжает как это исправить
Senior lieutenant
(
)
[ 2013/2/14 4:00:43 (UTC +8), yola.en.cx ]  
У меня вот вопрос, после вставки в афишу игры флеш объекта, его никак нельзя остановить, т.е. он воспроизводит его постоянно. Тег loop после обновления страницы, редактор автоматом меняет на своё значение. Так и должно быть?
Если запускать html файл не через редактор, а сразу с компа, тег loop нормально срабатывает и флеш останавливается
Major
(
)
证状
[ 2013/2/25 3:44:18 (UTC +8), stavropol.en.cx ]  
Ребят, подскажите как сделать картинку кликабельной!!!
Senior sergeant
Boy
(
)
证状
[ 2013/2/26 19:36:26 (UTC +8), 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
при нажатии на кнопку в движок вводится "Введите ответ или код", в чем может быть проблема?
Lieutenant
Boy
(
)
证状
[ 2013/3/2 2:02:20 (UTC +8), budennovsk.en.cx ]  
Ребята , подскажите плизз, вставляю медиа в игру, с компа воспроизводится без проблем, а вот с нетбуков и телефонов (андроид, яблоко) не хочет, что нужно сделать?
Lieutenant
Boy
(
)
证状
[ 2013/3/2 6:24:58 (UTC +8), budennovsk.en.cx ]  
Спасибо но уже не надо, нашел выход из положения
On page: 
1  2  3  4
2024/4/28 1:20:31
(UTC +8)

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

 

Domain Administration

 

Exc1uzive (id 158242)                              Dictose (id 1328235)                          Зое (id 1336103)
               Stan                                                                              Dmitry                                                                倩倩
       Domain owner                                                              Games Author                                                        中国支柱
Skype: stantomin                                                        Skype: legion4eg1                                             QQ: 118102342
E-mail: Encounter.tomin@yandex.ru                          E-mail: Dictose@gmail.com                               E-mail: zq2004319love@hotmail.com

Phone number: +86-136-6197-2023                        Phone number: +86-150-0010-0256               Phone number: +86-137-0176-9302