【ULDS】无限图层显示系统 Unlimited Layers Display System Ver2.18

吹奏团号角

看上去很好用的样子~可以重复利用一张图太棒了(人´∀｀)

zmxzmx118

辛苦了,顶一个

taroxd

2014.08.14 更新Ver1.1:  增加了 speed_x, speed_y 的设置

越前リョーマ

范例也更新啦，增加了一个雾的演示

satgo1546

建议增加parallax（不知道有没有拼错
就是跟随主角移动的速度。
例如

CSS 代码复制

parallax: 75%;

parallax: 75%;

则主角移动4像素，层移动3像素。
还可以

CSS 代码复制

parallax: 75% 0%;

parallax: 75% 0%;

则主角只有横向移动才有上述效果。
虽然不知道有什么用……
（好吧我确实CSS写习惯了……

---

严重吐槽：
建议改用如下格式

HTML 代码复制

<style>

map {

  ulds-image: url(filename.png);

  ulds-parallax: 75%;

  /* 这样就可以用CSS了 */

  width: 300px;

  height: 300px;

  margin: 1em auto;

}

 
body {

  background-image: linear-gradient(red, orange, yellow, lime, cyan, blue, purple, red); /* 啦啦啦 */

}

</style>

<style>



map {



  ulds-image: url(filename.png);



  ulds-parallax: 75%;



  /* 这样就可以用CSS了 */



  width: 300px;



  height: 300px;



  margin: 1em auto;



}



 


body {



  background-image: linear-gradient(red, orange, yellow, lime, cyan, blue, purple, red); /* 啦啦啦 */



}



</style>

建议直接用XML的语法算了
建议用JSON格式
建议自豪地采用Wordpress

taroxd

satgo1546 发表于 2014-8-16 13:37
建议增加parallax（不知道有没有拼错
就是跟随主角移动的速度。
例如parallax: 75%;[/pre]则主角移动4像素 ...

建议接受，吐槽不接受

设定部分本来就不是仿着某一门语言写的，只是做着做着就成这样了。
也许是我本来就把这货当成hash语法的缘故。这种json形的语法来做hash其实我还是挺喜欢的

想改语法的话，自行修改读取备注用的正则表达式吧

神秘影子

现在才看到，已瞎，大触的世界啊

三途亚梦

效果极佳~  就是感觉描绘不能通过的区域略不方便……事件设置也略不直观做起来有点头痛……

taroxd

2014.08.29 更新

删除了 round 带来的误差

月华风

话说 使用了相同的远景图的两张地图切换时会有bug 不知道你们有没有找到原因