Реализовано все в одной обработке. Версия платформы 1С 8.3.14.
Львиная доля функций в модуле формы и конечно все &НаКлиенте. И форма донельзя простая: всего один реквизит ПолеHTML, который представляет собой строку. И соответствующий реквизиту элемент формы: ПолеHTMLДокумента
Смысл в том, что мы на основе кода JS, формируем строковым переменные, подставляя некоторые параметры через переменные 1с и конкатенацию строк. Сформированную строку шаблона с кодом JS оборачиваем в функцию. Функция просто возвращает строку-шаблон. Также мы делаем с файлом стилей CSS и самой HTML-разметкой.
Затем собираем эту в одну большую строку при помощи метода 1С СтрШаблон() и присваиваем реквизиту формы ПолеHTML.
Как сохранить картинки, спросите вы. Ведь во внешней обработку невозможно "вшить" временное хранилище. Ответ прост: картинки сохраняются прямо в тексте скрипта, через Base64-строку и последующую конкатенацию. Которую я упоминала выше.
Наверно, и все.
Замечание 1. Работа со спрайтом изображений (чтобы птичка крылышками махала) не получилась. Подумаю позже над этим.
Замечание 2. В конечном итоге, когда весь шаблон HTML-страницы, со всеми стилями, картинками и скриптами собран, обратите внимание, что объявление переменных и описание JS-классов должно идти РАНЬШЕ, чем последующие функции, работающие с этими объектами. Короче, порядок объявления переменных и классов играет роль.
Замечание 3. Не удалось пока обрабатывать нажатие горячих клавиш. А хочется это сделать.
Замечание 4. как подгружать сюда звуковые файлы. В Base64 можно загнать, но как-то дико...