Store Page
Wallpaper Engine
All Discussions Screenshots Artwork Broadcasts Videos Workshop News Guides Reviews

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > KICK ME's Workshop
317 ratings
3D Digital Clock (None alternation Version)
Description Discussions0 Comments26 Change Notes
   
Award
Favorite
Favorited
Unfavorite
Type: Web
Age Rating: Everyone
Genre: Unspecified
Resolution: Dynamic resolution
Category: Wallpaper
File Size
Posted
Updated
767.065 KB
2 Jan, 2017 @ 3:08am
13 Jan, 2017 @ 8:43am
2 Change Notes ( view )
Created by
KICK ME
Offline
See all 40 collections (some may be hidden)
8,753 Unique Visitors
10,042 Current Subscribers
500 Current Favorites

Subscribe to download
3D Digital Clock (None alternation Version)

Description
Show the current time, this version without mouse interaction.

Based on previous reviews, I downloaded the source file and removed the mouse tracking code in the script
In order to maintain interaction with the interactive version of the upload, the interactive version of the link:

Click here to open

Note that if the update does not work, try to restart the software with Steam or unsubscribe to download again to refresh the file


Change Your own background (Thanks for maxsheng)
-------------------
Step.1 open the file dir.
Step.2 find the index.html,use the edit software like "notepad" or "notepad++ " to open it。
3、find the line 8th <body>，add code:
background="your file route"
* Demo：<body background="D:\wallpaper_engine\projects\myprojects\827078322\05.jpg">
* background format adjust "PNG",adjustment the pic size,the web link i dont know it work or not.
4、save the file
5、restart the wallpaper_engine


update record:
---------------------
[2017-1-14]
1.new version of the hidden light tube
2.interactive version of the mouse from the 3D rotation has been changed to a vertical 360 degree flip, details can be accessed with the mouse interactive version.
3.English describe has been added in Steam ArtWork .


Other & source Files
-----------------------------
Only responsible for the modification, the remaining features will be determined by the original author and add

Original author: David Khourshid (http://codepen.io/davidkpiano)
Source code: http://codepen.io/davidkpiano/pen/Vmyyzd
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