🔍Разыскиваются VueJs волонтеры!
  Орден II степени "Мега Мозг" Орден II степени "Мега Мозг"Орден III степени "Чемпион"
Choose your language:
ru uk
EN в Twitter EN В Контакте EN в Facebook
Информбюро:

12.05.2021 14:43:35
Краматорский Encounter в Telegram
Для более качественного информирования участников проекта о предстоящих играх, а также для обсуждения любых EN-вопросов создана группа в Telegram.
Краматорский Encounter в Telegram

Добавляйтесь в группу и добавляйте всех знакомых и друзей, которые имеют отношение в активным городским играм в прошлом , настоящем и будущем!


Архив Новостей >>>
RSS 2.0
Домен: https://kramatorsk.en.cx/ (владелец домена: Strike) Показать аватары
Модераторы форума: Chobit, 4e4EN, X_ALEX, Strike, GeNN, Bakk, Alex_Sam
На страницу: 
1  2  3  4

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

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



&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>


     Можно указывать код цета, список основных цветов тут: https://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 смотрите тут: https://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 и др.)





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

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


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

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

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

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

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



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




    [вверх]


    МЕДИАФАЙЛЫ



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

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

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

    Новый и более удобный способ вставки медиафайлов - тэг Audio
    Встроить mp3 и WMA файлы в текст задания можно так:
    <audio src="https://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="https://cdn.endata.cx/data/events/ensound2007/en.sound2007.1.mp3"><PARAM name="AutoStart" value="0">
    <EMBED type="application/x-mplayer2" src="https://cdn.endata.cx/data/events/ensound2007/en.sound2007.1.mp3" name="MediaPlayer" autostart="0" WIDTH=320 HEIGHT=42></EMBED></OBJECT>


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

    Пример:




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

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



    <embed src="https://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="https://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="https://cdn.endata.cx/images/personal/3/map3.swf"/><param name="quality" value="high" />
    <embed src="https://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="https://www.macromedia.com/go/getflashplayer" /></object>


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


    [вверх]


<<< Свернуть публикацию
Организатор
Мальчик
 air
Аттестат
[ 23.05.2009 20:16:55 (UTC +2), online.en.cx ]  
Такого создать нельзя, она не придусмотрена движком.
Капитан
Мальчик
(
)
Орден II степени
Аттестат
[ 01.07.2009 12:18:41 (UTC +2), 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>


>Такого создать нельзя, она не придусмотрена движком.
в движок можно писать свой код - это значит можно делать всё.
Генерал-полковник
Мальчик
(
 Золотой Орден I степени
)
Орден II степени
Аттестат
[ 17.07.2009 6:22:18 (UTC +2), kuzbass.en.cx ]  
Просто задрал тему повыше.
А то она уже последняя в списке публикаций.
Как бы не того...
Лейтенант
Мальчик
Орден II степени
Аттестат
[ 27.07.2009 4:39:18 (UTC +2), blaga.en.cx ]  
где скачать шрифт (если такой существует), которым написан лого encounter? сие необходимо для оформления домена. спасибо
Старший сержант
(
)
[ 01.10.2009 19:48:16 (UTC +2), moscow.en.cx ]  
спасибо огромное)
Капитан
Мальчик
(
)
Аттестат
[ 08.11.2009 21:08:40 (UTC +2), stoskol.en.cx ]  
огромное спасибо)
Организатор
Мальчик
 air
Аттестат
[ 19.03.2010 13:38:48 (UTC +2), 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 2:52:20 (UTC +2), murmansk.en.cx ]  
Ребята, помогите разобраться с Flash, как значения из swf-файла передать движку!!!??:)
Заранее благодарю!
Лейтенант
Мальчик
(
)
Аттестат
[ 24.06.2010 9:09:04 (UTC +2), belor.en.cx ]  
Вопрос. оформление игры, как сделать фон в оформлении чёрным, как допусти тут:
https://perm.en.cx/GameDetails.aspx?gid=18696

если кто знает, напишите плиз в личку или тут)))
Старший сержант
Мальчик
(
)
Аттестат
[ 02.09.2010 1:37:51 (UTC +2), bobtown.en.cx ]  
Млин....Не получается выкинуть муз файл в задание игры!!!!Все делал как написано..ФИГ!Что делать???
Младший лейтенант
Девочка
(
)
Аттестат
[ 14.09.2010 11:25:57 (UTC +2), kocmoc.en.cx ]  
Ребят засада, не могу сделать таблицу 34*34, всё получается, но почему то очень много пустого пространства от края верхней страницы и до самой таблицы. подскажите что не так делаю.
Майор
Мальчик
(
 Золотой Орден I степениОрден III степени
)
Аттестат
[ 14.09.2010 21:17:56 (UTC +2), tambov.en.cx ]  
Как сделать так чтобы поля для ввода было одно а количество бонусов большое.и движок сам определял что ввели.заранее спасибо.
Подполковник
Мальчик
(
 Орден II степени
)
Орден II степени
Аттестат
[ 28.01.2011 0:18:30 (UTC +2), en.cx ]  
P.U.L.S.E: Вопрос. оформление игры, как сделать фон в оформлении чёрным, как допусти тут:
https://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 9:20:27 (UTC +2), en.cx ]  
https://habrahabr.ru/post/143452/
хорошие рекоминдации
Лейтенант
Мальчик
(
)
Аттестат
[ 02.02.2013 4:46:12 (UTC +2), biysk.en.cx ]  
в принципе все понятно вставля ю картинку в задание все норм и текст только после этого подсказки итд все в кучу текст на текст наезжает как это исправить
Старший лейтенант
(
)
[ 13.02.2013 22:00:43 (UTC +2), yola.en.cx ]  
У меня вот вопрос, после вставки в афишу игры флеш объекта, его никак нельзя остановить, т.е. он воспроизводит его постоянно. Тег loop после обновления страницы, редактор автоматом меняет на своё значение. Так и должно быть?
Если запускать html файл не через редактор, а сразу с компа, тег loop нормально срабатывает и флеш останавливается
Майор
(
)
Аттестат
[ 24.02.2013 21:44:18 (UTC +2), stavropol.en.cx ]  
Ребят, подскажите как сделать картинку кликабельной!!!
Старший сержант
Мальчик
(
)
Аттестат
[ 26.02.2013 13:36:26 (UTC +2), 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 20:02:20 (UTC +2), budennovsk.en.cx ]  
Ребята , подскажите плизз, вставляю медиа в игру, с компа воспроизводится без проблем, а вот с нетбуков и телефонов (андроид, яблоко) не хочет, что нужно сделать?
Лейтенант
Мальчик
(
)
Аттестат
[ 02.03.2013 0:24:58 (UTC +2), budennovsk.en.cx ]  
Спасибо но уже не надо, нашел выход из положения
На страницу: 
1  2  3  4
26.11.2024 10:40:58
(UTC +2)

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

Владелец домена:
Сергей (Strike)
   +380-66-609-8-609
   +380-93-474-31-21

strike.adventurers@gmail.com

strike_adventurers

Технический директор:
Алексей (X_ALEX)
   +380-50-472-94-96
   +380-93-755-23-30

shtrikun@yandex.ru

x_alex1

Организатор игры "Точки"
Алексей (4e4EN)

4e4en87@gmail.com

Организатор домена:
Денис (SvD)
   +380-50-98-10-648

own@kramatorsk.en.cx