Портирование простой браузерной игрушки Flappy Birds (JavaScript) на 1С через внешнюю обработку

08.06.22

Задачи пользователя - Игры

В раннюю бытность мою, лет 5 назад увлекалась JS. И вот захотелось мне вспомнить несколько стареньких проектов. И вдохнуть в них новую жизнь, скрестив старое и новое - JS и 1С. И вот что у меня получилось. Реализовано все одной внешней обработкой.

Скачать исходный код

Наименование Файл Версия Размер
Портирование простой браузерной игрушки Flappy Birds (JavaScript) на 1С через внешнюю обработку:
.epf 148,35Kb
52
.epf 148,35Kb 52 Скачать бесплатно
Портирование простой браузерной игрушки Flappy Birds (JavaScript) на 1С посредством внешней обработки V2:
.epf 147,58Kb
95
.epf 147,58Kb 95 Скачать бесплатно

Реализовано все в одной обработке. Версия платформы 1С 8.3.14. 

Львиная доля функций в модуле формы и конечно все &НаКлиенте. И форма донельзя простая: всего один реквизит ПолеHTML, который представляет собой строку. И соответствующий реквизиту элемент формы: ПолеHTMLДокумента 

 

 

Смысл в том, что мы на основе кода JS, формируем строковым переменные, подставляя некоторые параметры через переменные 1с и конкатенацию строк. Сформированную строку шаблона с кодом JS оборачиваем в функцию. Функция просто возвращает строку-шаблон. Также мы делаем с файлом стилей CSS  и самой HTML-разметкой. 

Затем  собираем эту в одну большую строку при помощи метода 1С СтрШаблон() и присваиваем реквизиту формы ПолеHTML.

Как сохранить картинки, спросите вы. Ведь во внешней обработку невозможно "вшить" временное хранилище. Ответ прост: картинки сохраняются прямо в тексте скрипта, через Base64-строку и последующую конкатенацию. Которую я упоминала выше. 

 

 

Наверно, и все.

Замечание 1. Работа со спрайтом изображений (чтобы птичка крылышками махала)  не получилась. Подумаю позже над этим.

Замечание 2. В конечном итоге, когда весь шаблон HTML-страницы, со всеми стилями,  картинками и скриптами собран, обратите внимание, что объявление переменных и описание  JS-классов должно идти РАНЬШЕ, чем последующие функции, работающие с этими объектами. Короче, порядок объявления переменных и классов играет роль.

Замечание 3. Не удалось пока обрабатывать нажатие горячих клавиш. А хочется это сделать.

Замечание 4. как подгружать сюда звуковые файлы. В Base64 можно загнать, но как-то дико... 

программирование javascript игры HTML портирование

См. также

Пасьянс Паук

Игры Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Классическая игра пасьянс Паук, на платформе 1С.

15.04.2024    708    36    user1693438    1    

10

Классическая игра "Змейка" на 1С (управляемые формы)

Игры Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Бесплатно (free)

Игра "Змейка" в классическом варианте на управляемых формах в 1С. Собирайте яблоки и ставьте рекорд!

09.02.2024    2905    161    emilyabochkova    12    

24

Ключворды в 1С

Игры Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Создавайте новые ключворды или разгадывайте существующие.

1 стартмани

05.02.2024    1641    1    alexpvs    0    

6

Игра "5 букв"

Игры Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Россия Абонемент ($m)

Игра "5 Букв", сделанная на 1С. В игре загадано слово, существительное в единственном числе. Нужно отгадать загаданное слово.

1 стартмани

29.12.2023    1106    2    APTEM_SLV    9    

7

Пятнашки

Игры Платформа 1С v8.3 Конфигурации 1cv8 Бесплатно (free)

Цель - обучение хитростям нашей всеми любимой 1С.

28.11.2023    898    34    user1834118    0    

6

Кар магедон

Игры Платформа 1С v8.3 Конфигурации 1cv8 1С:ERP Управление предприятием 2 Россия Бесплатно (free)

Держись, российский геймдев, я уже еду. Бета тест, можно оформлять предзаказы, будет донатный магазин с модельками российского автопрома (по цене реальных авто).

01.11.2023    1766    39    user1834118    7    

11

Турнир по 1С. Танки на СКД

Игры Платформа 1С v8.3 Абонемент ($m)

Предлагаю свою версию турнира. Особенность этого турнира в том, что тут нет правильных или неправильных решений. Есть твое решение и решение твоих соперников. У кого решение лучше тот и победит.

1 стартмани

09.10.2023    1845    1    opx    1    

13

Плоский "Кубик Рубика"

Игры Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Вы можете собрать кубик Рубика? Я - только с помощью инструкции:). Попробуйте справиться с его плоским аналогом.

1 стартмани

29.05.2023    2082    7    Alxby    3    

13
Оставьте свое сообщение