热身

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即可。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,720评论 0 8
  • 情人节这天,还不忘学习编程的同学都是折翼的天使,于是百度前端学院就给了我们一个通过跪键盘来发泄的机会 -- 前端热...
    hylerrix阅读 1,312评论 3 10
  • 作者:©缉熙Soyaine发布日期:2017-02-17 本篇主要记录完成 IFE 热身任务过程中我的思考过程和解...
    未枝丫阅读 830评论 1 4
  • 这次回家乡上庐山,与以往不同的是我有了菘,这个小男孩从三个月起就随着我在各地往返,这大概也是他生命的一种状态。 小...
    卜寸阅读 590评论 11 3
  • 朋友是什么?以前我认为朋友是有福同享,有难同当,可现实告诉我,我的认为太天真了,我们人都是自私的!会为了利益而背叛...
    青春a懵懂阅读 280评论 0 0