Wallpaper Engine web网页壁纸的制作 您所在的位置:网站首页 paper网页 Wallpaper Engine web网页壁纸的制作

Wallpaper Engine web网页壁纸的制作

2024-01-23 13:35| 来源: 网络整理| 查看: 265

这是我第一次在Wallpaper Engine上做壁纸,本身我也是学前端的,目前还在上课阶段,

最近闲了,就想着自己做一个网页玩,后来发现Wallpaper Engine上有网页类型的壁纸,然后我就想着可以自己做一个壁纸玩一下,这里是我把我做网页壁纸时遇到的一些问题,如果你也是被这些问题困扰,希望我的这个文章能够帮到大家。

首先Wallpaper Engine本身是有官方文档的,https://docs.wallpaperengine.io/en/web/customization/properties.html#reading-property-values

如果你也想做网页壁纸的话可以去看一下官方文档,上面写的还是很详细的,上面很详细的说明了用户属性是如何使用,和如何使用js去监控用户属性的变化的,

用户属性里面好玩的属性也不少,其中 颜色属性 可以让用户自己选择颜色,在通过js去渲染页面某一个元素的颜色,

滑块属性,可以返回一个指定范围内的数字,可以用来操作元素在页面的位置

复选框属性,返回一个布尔值,可以做一些判断的操作,比如是否显示某个元素

组合框,生成一个下拉列表,每个选项可以返回不同的值,我是用这个属性做的壁纸切换功能,

文本属性:是让用户可以输入文字,我在这里做了一个名言的功能,用户可以自己决定内容,

文件属性:可以让用户自己上传图片或视频作为壁纸

有一个问题希望大家能够知道,就是Wallpaper Engine并不支持html的video标签的MP4格式的视频文件,如果要制作视频壁纸的话建议把MP4格式的文件转码为.webm格式的视频,

我个人制作的壁纸名字叫color clock 彩色时钟 ,在创意工坊搜索彩色时钟就可以搜到

希望大家能够喜欢,



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有