热身

Unlock

一笔画出折线，穿过图中的9个点，折线个数尽量少。

1.jpg

Step1

找出下一关的地址

F12找到
<div class="text-panel"> Iy9CQzY3QTA4MzM1NkM4MzU5NEJDQzU3RUQxMzdEMEE4Mjg2N0U0Qg== </div>

这里要用到：
**WindowBase64.atob()
**函数用来解码一个已经被base-64编码过的数据。你可以使用 window.btoa()
方法来编码一个可能在传输过程中出现问题的数据，并且在接受数据之后，使用 window.atob() 方法来将数据解码。

window.atob("Iy9CQzY3QTA4MzM1NkM4MzU5NEJDQzU3RUQxMzdEMEE4Mjg2N0U0Qg=="); "#/BC67A083356C83594BCC57ED137D0A82867E4B"

即下一关地址

Step2

上帝为你关上一扇门，却打开了一扇窗，我们需要找到窗的高度，才能爬出窗外

window.innerHeight 属性为只读，且没有默认值。
将窗口最大化且将开发者工具发在右边，根据window.innerHeight的值来修改图片数字。

Step3

在底部填写css，将彩色IFE字母移动到指定位置

第一个字母很容易就能移动到指定位置
top:109px; left:580px;

第二个字母小了

CSS中transform 属性允许你修改CSS可视化模型的坐标空间。通过transform，可以让元素进行移动（translate）、旋转（rotate）、缩放（scale）、倾斜（skew）。

top:201px; left:675px; transform:scale(1.2);

第三个字母要沿着 Y 轴的 3D 旋转且 2D 旋转
top:108px; left:790px; transform:rotateY(180deg) rotate(20deg);

Step4

在输入框中填入代码，控制小球穿过障碍物，至少吃到3个星星，
吃的星星越多，得分越高。

首先确定路线图，标点击页面中各个点，在 Console 面板获得坐标，然后直接调用api即可。