3D Digital Clock (3D数字时钟) 鼠标移动交互

Download 3D Digital Clock (3D数字时钟) 鼠标移动交互 Wallpaper Engine Free non-steam required.

•  What is Wallpaper Engine?
• Wallpaper Engine Software allows you to use amazing live wallpapers on your computer desktop. You can choose from our site wallpaper engine best wallpapers that you like and easily make your desktop go live using this amazing software. Read: What is Wallpaper Engine? The Complete Guide.
• What Types of Wallpapers Supported?
• Several types of wallpaper engine wallpapers are supported and ready to use, Including 3D and 2D animations, websites, videos and even some applications.
• About Performance
• Wallpaper Engine was delicately built to deliver you an entertaining experience while using the minimum system resources as possible. Multiple options available inside the software to adjust the quality and performance to make Wallpaper Engine fully compatible with your computer capacities.

       

• TITLE: 3D Digital Clock (3D数字时钟) 鼠标移动交互
• LABELS: Wallpaper,Web,Unspecified,Everyone,Dynamic resolution
• STEAM: https://steamcommunity.com/sharedfiles/filedetails/?id=827078322
• FILE SIZE: 342.23 KB
• DOWNLOADED: 159980
• FAVORITED: 2826

显示当前时间，并且可移动鼠标进行交互。

如果不需要鼠标交互，可以订阅这个：
[url=http://steamcommunity.com/sharedfiles/filedetails/?id=832544342]点此传送至无交互版本[/url]

你想修改一些东西？
该壁纸订阅下载路径一般为：[Steam\steamapps\workshop\content\431960\827078322]
修改请自行保存为新项目，以免创意工坊自动将该订阅恢复。
------------------
1.时钟颜色
打开css文件夹中style.css，推荐使用notepad++来编辑。
--------------------------------------------------
706行 " .line:before, .line:after " 中
" background " 决定数字灯管主要颜色(使用16进制)，如红色为 " background: #FF0000; "
" box-shadow " 两个值为数字灯管边缘泛光，如红色为 " box-shadow: 0 0 1rem #FF0000, inset 0 0 0.125vmin #FF0000; "
" color " 无明显效果，可以不管。
--------------------------------------------------
53行 " .digit:nth-child " 中
" background " 决定两个冒号主要颜色(使用16进制)，如红色为 " background: #FF0000; "，默认白色就可以，因为冒号有呼吸灯效果，中心白色与其他颜色的泛光配合比较好看。
" box-shadow " 两个值为冒号边缘泛光，如红色为 " box-shadow: 0 0 1rem #FF0000, inset 0 0 0.25vmax #FF0000; "
" text-shadow " 无明显效果，可以不管。
--------------------------------------------------
2.鼠标交互
打开js文件夹中index.js，推荐使用notepad++来编辑。
--------------------------------------------------
46与47行
// x: (clientWidth / 2 - clientX) / clientWidth,
y: (clientHeight / 2 - clientY) / clientHeight
x 轴为左右翻转，y 轴为上下翻转。
如果不需要翻转，可以在前面加双斜杠注释这一句。

更新
------------------
【2017-5-11】
1.鼠标交互由3D改为垂直翻转(为了更容易看清时间)。
2.在Wallpaper Engine该壁纸的选项中可以自行导入本地壁纸 (感谢 [url=http://steamcommunity.com/profiles/76561198275821688]ChaosAlphard[/url] 提供)。
如果有前端大触，欢迎大改这个坑。

Created by David Khourshid (http://codepen.io/davidkpiano)
Source: (http://codepen.io/davidkpiano/pen/Vmyyzd)

How To Use This Wallpaper

1. Download Wallpaper Engine Software Free.
2. Download this Wallpaper Engine theme.
3. Extract & copy the downloaded file to this destination: [Wallpaper Engine] > Projects > Default projects.
4. Need help? Read this Here.

Download

Size: 342.23 KB