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

Wallpaper Engine

Store Page
Wallpaper Engine >  Workshop > Emonnnn's Workshop > Time lapse + 3D Digital Clock > Discussions
Time lapse + 3D Digital Clock
Description Discussions15 Comments465 Change Notes
菜就多练 10 Jan, 2017 @ 2:57am
修改时钟位置以及修复BUG
修改时钟位置
修改index.html文件（用记事本什么的打开），搜索：
<div style="po
在这个标签里有两个属性：
left: 540px; top: 300px;
意思是这个div盒子距离最左边有540px，距离顶部有300px，修改其数值直到合适即可。
修复当鼠标移动到屏幕边缘导致部分数值不显示
打开.../css/style.css
搜索.time
将里面的内容（就是大括号{}里面的）替换为：
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transform: translateZ(20px);
transform: translateZ(20px);
-webkit-transform: translateZ(20px) rotateX(calc(var(--mouse-y) * 30deg)) rotateY(calc(var(--mouse-x) * 15deg));
transform: translateZ(20px) rotateX(calc(var(--mouse-y) * 30deg)) rotateY(calc(var(--mouse-x) * 15deg));
< >
Showing 1-15 of 65 comments
菜就多练 10 Jan, 2017 @ 2:58am 
其中rotate属性是旋转，deg代表度数，需要无旋转只需把deg前面的数值改成0即可
#1
菜就多练 10 Jan, 2017 @ 3:15am 
怎样去掉跟随鼠标生成的点：
找到.../js/demo-1.js
在initHeader()函数中去掉以下内容：
// create points
points = [];
for(var x = 0; x < width; x = x + width/20) {
for(var y = 0; y < height; y = y + height/20) {
var px = x + Math.random()*width/20;
var py = y + Math.random()*height/20;
var p = {x: px, originX: px, y: py, originY: py };
points.push(p);
}
}

// for each point find the 5 closest points
for(var i = 0; i < points.length; i++) {
var closest = [];
var p1 = points;
for(var j = 0; j < points.length; j++) {
var p2 = points[j]
if(!(p1 == p2)) {
var placed = false;
for(var k = 0; k < 5; k++) {
if(!placed) {
if(closest[k] == undefined) {
closest[k] = p2;
placed = true;
}
}
}

for(var k = 0; k < 5; k++) {
if(!placed) {
if(getDistance(p1, p2) < getDistance(p1, closest[k])) {
closest[k] = p2;
placed = true;
}
}
}
}
}
p1.closest = closest;
}

// assign a circle to each point
for(var i in points) {
var c = new Circle(points, 2+Math.random()*2, 'rgba(255,255,255,0.3)');
points.circle = c;
}
#2
小雪饼 10 Jan, 2017 @ 5:36am 
我的屏幕是21：9的，把鼠标移到最左边第一位就不显示了...不知道该怎么解决呢...
#3
菜就多练 10 Jan, 2017 @ 6:16am 
Originally posted by 小雪饼:
我的屏幕是21：9的，把鼠标移到最左边第一位就不显示了...不知道该怎么解决呢...
继续调小（Y轴）角度，直到可以完全显示即可（从15降低到8试试）
#4
song 11 Jan, 2017 @ 2:05am 
可以调下时间后面颜色吗 一时半会看不出来几点 有点费力 得用力瞅
#5
菜就多练 11 Jan, 2017 @ 2:15am 
Originally posted by 宋宋宋:
可以调下时间后面颜色吗 一时半会看不出来几点 有点费力 得用力瞅
没有问题，具体请看我的另一个讨论帖
#6
啊？ 11 Jan, 2017 @ 5:16am 
不跟随我的鼠标移动怎么解决
#7
菜就多练 11 Jan, 2017 @ 3:45pm 
Originally posted by chichi965094207:
不跟随我的鼠标移动怎么解决
请问不随鼠标移动的是指生成的动态点集吗
#8
Azzo 11 Jan, 2017 @ 11:34pm 
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="styles/vendor.4309a1fb.css"> <link rel="stylesheet" href="styles/main.d98d92f9.css"> </head> <body ng-app="wallpaperbrowserApp" ng-class="languageClass"> <!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <titlebar></titlebar> <div ng-view=""></div> <help-overlay></help-overlay> <div class="OSModalOverlay ng-hide" ng-show="osModalActive"></div> <script src="scripts/vendor.2e09e541.js"></script> <script src="scripts/scripts.da8f4d59.js"></script> </body> </html>
没有left和top。。。怎么破？
#9
菜就多练 12 Jan, 2017 @ 1:57am 
Originally posted by ycx_azzo:
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="styles/vendor.4309a1fb.css"> <link rel="stylesheet" href="styles/main.d98d92f9.css"> </head> <body ng-app="wallpaperbrowserApp" ng-class="languageClass"> <!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <titlebar></titlebar> <div ng-view=""></div> <help-overlay></help-overlay> <div class="OSModalOverlay ng-hide" ng-show="osModalActive"></div> <script src="scripts/vendor.2e09e541.js"></script> <script src="scripts/scripts.da8f4d59.js"></script> </body> </html>
没有left和top。。。怎么破？
这个文件应该不是本项目的index.html
您应该是找到了wallpaper_engine这个软件的浏览器的文件
#10
Azzo 12 Jan, 2017 @ 2:00am 
Originally posted by 僵の护甲:
Originally posted by ycx_azzo:
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="styles/vendor.4309a1fb.css"> <link rel="stylesheet" href="styles/main.d98d92f9.css"> </head> <body ng-app="wallpaperbrowserApp" ng-class="languageClass"> <!--[if lte IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--> <titlebar></titlebar> <div ng-view=""></div> <help-overlay></help-overlay> <div class="OSModalOverlay ng-hide" ng-show="osModalActive"></div> <script src="scripts/vendor.2e09e541.js"></script> <script src="scripts/scripts.da8f4d59.js"></script> </body> </html>
没有left和top。。。怎么破？
这个文件应该不是本项目的index.html
您应该是找到了wallpaper_engine这个软件的浏览器的文件
找到了找到了，谢谢
#11
为思念酝酿的痛 12 Jan, 2017 @ 3:12am 
你好，按照你的方法修改了BUG，但是鼠标移动到最右边时还是会有BUG，不过比之前改善了很多
#12
菜就多练 12 Jan, 2017 @ 4:50am 
Originally posted by 1107489192:
你好，按照你的方法修改了BUG，但是鼠标移动到最右边时还是会有BUG，不过比之前改善了很多
进一步调小角度试试吧（rotateY里面的15deg改成8deg效果会很好）
#13
菜就多练 12 Jan, 2017 @ 5:36am 
Originally posted by YSJ:
这个文件在哪
steamapps\workshop\content\431960\839777887
#14
759295005 12 Jan, 2017 @ 6:04am 
亲，我么要是弄得懂，我们都超神了
#15
< >
Showing 1-15 of 65 comments
Per page: 1530 50