Создание веб-обоев HTML

Перевод оригинального руководства от Biohazard тык Это руководство покажет вам, как настроить новые веб-обои.

Подготовка к созданию новых HTML-обоев

Откройте редактор, щелкнув правой кнопкой мыши значок в трее обозревателя обоев и выбрав «Создать обои». Теперь выберите «Новые веб-обои» в модальном диалоговом окне редактора.



Выберите имя для обоев и выберите каталог, содержащий ваши веб-файлы. Этот каталог должен содержать файл index.html и может включать в себя дополнительные файлы JavaScript, HTML или изображения, необходимые для ваших обоев.



Нажмите OK, чтобы создать новые обои и начать работу. Теперь ваши файлы будут импортированы, и предварительный просмотр начнет показывать ваши обои.

Настройка обоев

Помимо изменения цвета схемы по умолчанию для ваших обоев, вам нечего настраивать. Нажмите «Изменить» -> «Изменить параметры проекта», чтобы открыть диалоговое окно, в котором можно изменить цвет схемы.



Измените цвет схемы по умолчанию, нажав кнопку выбора цвета. Этот цвет будет применен к Windows вместе с вашими обоями, если пользователь решил включить корректировки цветов.

Публикация обоев

Когда все настроено, откройте меню подготовки к публикации:



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

Вам также необходимо создать превью, нажмите «Сделать снимок», чтобы записать изображение в редакторе или импортировать изображение, созданное вручную, нажав «Импортировать изображение».



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

Примечание

Обои HTML / WebGL, используемые в руководстве: http:// //www.mediafire .com / download / j96c6ise6vrp1k3 / threejs_birds.7z (УДАЛИТЕ ПРОБЕЛ).

[noa.]

NikolausGG, это анимации, скорее всего нарисованные или несколько кадров вырезаны из фильма/аниме/мультика и обьеденены, в итоге получается такой 'эффект'. Но путем программирования такое сложно сделать на канвасе, я бы сказал даже невозможно.

[Nekoma Miqo'te]

Ребята! А кто-нибудь знает, как из статичной картинки делают дыхание у тела в некоторых обоях? Есть ли какие-то простые приложения, чтобы добавить дыхание и к своим картинкам?