/recruit-test

recruit-test 原来测测你最适合哪个组项目改版。

Primary LanguageJavaScript

ncuhome-recruit-2017

2017 年招新项目,测试你最适合家园的哪一个组。 2020 年二次上线,重新更新了家园组别并做了数值策划。 2021 年三次上线,增加游戏组别并对部分样式问题简单处理,解决动画二刷bug

技术相关

  • 首先,这是一个原生 js 项目。
  • 使用 VS code 的 Live Server 插件来修改 File 协议为 http 协议,而不是直接打开 html。
  • 核心的逻辑在 app.js 当中。
  • 数值 Max Min 测试在 test.py 文件中,为了防止用户选择出没有适合组别的结果。

动效相关

视察效果

parallax.js 在 div 中添加 data-depth 属性,其定义的是该层的深度,数值越大代表运动的越激烈,"0.00" 为固定不动。

Lottie 动画

bodymovin 是一个 AE 的插件,它可以把动画直接输出成为 Lottie 文件,直接放在各个终端上使用。