js/index.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

(function() {
  var Main;

  Main = (function() {
    function Main(o) {
      this.o = o != null ? o : {};
      this.vars();
      this.listeners();
    }

    Main.prototype.vars = function() {
      var crack1, crack3, isOpera, url;
      this.$effect = $('#js-effect');
      this.$close = $('#js-close-button');
      this.$modal = $('#js-modal');
      this.$modalHolder = $('#js-modal-holder');
      this.$protoImage = $('.js-proto-image');
      this.$breakParts = $('#js-break-parts');
      this.$modalOverlay = $('#js-modal-overlay');
      this.$hint1 = $('#js-hint1');
      this.$hint2 = $('#js-hint2');
      this.$burst = $('#js-burst');
      this.$burstPaths = this.$burst.find('path');
      this.$showModal = $('#js-show-modal');
      this.$circle = $('#js-circle');
      this.$breakParts = $('#js-break-parts');
      this.$breakOverlays = this.$breakParts.find('.svg-overlay');
      this.$breakPart1 = this.$breakOverlays.eq(0);
      this.$breakPart2 = this.$breakOverlays.eq(1);
      this.$breakPart3 = this.$breakOverlays.eq(2);
      this.$breakPart4 = this.$breakOverlays.eq(3);
      this.$svgOverlay = $('.svg-overlay');
      this.$lines = $('.js-line').children();
      this.loop = this.loop.bind(this);
      this.loop();
      this.initEffectTweens();
      this.showModal(true);
      this.showHints(700);
      isOpera = navigator.userAgent.match(/Opera|OPR\//);
      crack1 = '../media/gun.wav';
      crack3 = '../media/gun.mp3';
      url = !isOpera ? crack3 : crack1;
      return this.audio = new Howl({
        urls: [url]
      });
    };

    Main.prototype.showHints = function(delay) {
      var HIDE_DELAY, HINT2_DELAY, it;
      it = this;
      HIDE_DELAY = 5000;
      HINT2_DELAY = 200;
      this.hint1T = new TWEEN.Tween({
        p: 0
      }).to({
        p: 1
      }, 500).onUpdate(function() {
        return it.$hint1.css({
          opacity: this.p
        });