Wallpaper Engine

Wallpaper Engine

3D Digital Clock (None alternation Version)
26 Comments
Giraffe 15 Feb, 2020 @ 1:13am 
请问 能不能关掉秒的显示呢?
gebeelaowang 14 May, 2017 @ 7:27am 
改壁纸的方法:新建一个文件夹,名为img或者image,与css、js文件夹同级,将图片放進去,此处名为86370.jpg。修改css文件夹下的style.css文件。拉到796行,将那一行内容改为background-image: url(../img/86370.jpg);
聪明绝顶卢三文 9 Mar, 2017 @ 6:00pm 
按照你的方法在index.html里面添加了background代码,重启依然没有背景图片,建议你在下一个版本加入让用户切换背景图片,改变时钟颜色的选项。谢谢:steamhappy:
Arcius 11 Feb, 2017 @ 7:58am 
灯管颜色在css文件夹中的style.css中修改
在711行找到background: white;
改为background:rgba(255,255,255,1.0);
也可用16进制数值表达 background:#FFFFFF;
括号中的第一个数值代表的红色权重,第二个是绿色,第三个是蓝色
最大为255最小为0,具体数值根据自己喜好调配
最后一个数字代表的不透明度。1.0为不透明,0.0为全透明。

715行
box-shadow: 0 0 1rem #0BFDFD, inset 0 0 0.125vmin #0BFDFD;
第一个#0BFDFD即为灯管周围向外扩散的泛光颜色,
第二个#0BFDFD即为灯管边框的颜色(灯管全透明下效果较为明显)
同理 #号后面的前2个数字是红色权重,中间2个为绿色,最后2个为蓝色
数值最大为FF,最小为00
数值根据自己喜好调节,也可用rgb来代替16进制数值
Arcius 11 Feb, 2017 @ 7:34am 
手动更换始终很麻烦,不如添加一个更换背景图的选项
index.js中,第8到9行中间插入
window.wallpaperPropertyListener={
applyUserProperties: function(properties){
if(properties.image){
if(properties.image.value){
document.body.style.backgroundImage = "url('file:///"+ properties.image.value +"')";
}else{
document.body.style.backgroundImage = "url('')";
}
document.body.style.backgroundSize = '100% 100%';
};
}
}
project.json中,第7到8行中间插入
"image" :
{
"order" : 1,
"text" : "背景图片",
"type" : "file"
},

保存
切换到任意壁纸
再重新载入此壁纸,即可看到导入图片按钮
KICK ME  [author] 7 Feb, 2017 @ 12:30am 
that is 24 hour version
Cyberlightning 6 Feb, 2017 @ 10:34am 
is there a 12 hour version?
洪世贤 2 Feb, 2017 @ 6:47pm 
改灯管颜色应该是在css文件中搜索color 然后找到里面的background white我之前把white删了 结果灯管没有颜色了。 应该是用这个改。
洪世贤 2 Feb, 2017 @ 6:43pm 
换背景改CSS的方法是打开style.css然后通过查找找到body其中第一个body后面 找到background然后删掉后面的#121212,然后 保存即可。然后再用作者提供的方法 加入北京 就可以了
KICK ME  [author] 2 Feb, 2017 @ 8:40am 
应该是可以的,在CSS文件里应该有(但是不会改ORZ
Cannelés 2 Feb, 2017 @ 7:31am 
问一下 能不能调整灯管的颜色owo
KICK ME  [author] 25 Jan, 2017 @ 10:16pm 
感谢提供方法给大家,已将你的方法写入描述让更多人学习w
maxsheng 21 Jan, 2017 @ 9:22am 
更换blackground方法:
1:打开文件夹
2:找到index.html右键选择打开方式,点记事本或者像notepad++这类软件打开。
3:找到第八行<body>这里,加入如下代码
background="你的壁纸路径"
(示范:<body background="D:\wallpaper_engine\projects\myprojects\827078322\05.jpg">
(壁纸格式建议png,调整大小什么的百度一下吧,混steam这么长时间我不相信你不会用百度)
(可不可以用网页地址我不知道,你可以试试)
4:保存
5:重启一下wallpaper_engine
就可以了
链接:{LINK REMOVED} 密码:onoa
KICK ME  [author] 14 Jan, 2017 @ 4:15pm 
hhh
KICK ME  [author] 13 Jan, 2017 @ 8:44am 
感谢提醒,已跟进更新,谢谢支持~
小笠原翔子 13 Jan, 2017 @ 12:32am 
问一下,这个有交互的版本隐藏了不显示的横竖 不交互的为什么还没更新
KICK ME  [author] 11 Jan, 2017 @ 3:15am 
不客气的w
76561198358429887 10 Jan, 2017 @ 5:06pm 
非常感谢,已经是找到了呢。原来不是在CSS那边233333
KICK ME  [author] 10 Jan, 2017 @ 3:10am 
这个在这里写不清的啦x,CSS中有一个决定着背景颜色的参数。动动手百度一下~修改成对应的颜色坐标就可以了。如果是要加DIY图片背景,你就需要在html里指向一个图片文件(文件位置不能动),另外也记得删除CSS里的颜色参数避免冲突喔(至于CSS能不能指向自定义图片这个就不知道喽)
Ron 9 Jan, 2017 @ 11:13pm 
怎么改背景,求个教程:steambored:
KICK ME  [author] 8 Jan, 2017 @ 3:52pm 
背景是可以手动换的,需要修改CSS文件,动手能力强的可以手动换,因为这个版本发出来是为了专门去掉交互用的
Eric_Lian 7 Jan, 2017 @ 4:05am 
刚刚改了个css文件然后就搞定了。谁知到原来已经发了个无交互的版本
年少有為 6 Jan, 2017 @ 8:42pm 
背景能换就好了
Kiriko 6 Jan, 2017 @ 4:18pm 
做的很赞!
可以 4 Jan, 2017 @ 8:11am 
喜欢
𝓛𝓮𝓽𝓱𝓮 3 Jan, 2017 @ 2:33am 
thx