Игровой баннер HTML5 через Animate CC

366
10 февраля 2017, 05:50

Хочу научится делать игровые баннеры, которые реагируют на движения мыши. Есть код выловленный из увиденных баннеров на мейл.ру.

var self = this;
var isOver = false;
var frequency = 3;
stage.enableMouseOver(frequency);
self.mcButton.cursor = 'none';
var percX;
var percY;
var destY;
var destX;
this.addEventListener("tick", tick);
function tick() {
  if (isOver) {
    percX = (stage.mouseX - self.small_back.x) / (self.small_back.nominalBounds.width * self.small_back.scaleX);
    destX = -(self.big_back.nominalBounds.width * self.big_back.scaleX - self.dummy.nominalBounds.width * self.dummy.scaleX) * percX + self.dummy.x;
    self.big_back.x -= 0.2 * (self.big_back.x - destX);
    percY = (stage.mouseY - self.small_back.y) / (self.small_back.nominalBounds.height * self.small_back.scaleY);
    destY = -(self.big_back.nominalBounds.height * self.big_back.scaleY - self.dummy.nominalBounds.height * self.dummy.scaleY) * percY + self.dummy.y;

    self.big_back.y -= 0.2 * (self.big_back.y - destY);
    self.cur.x = stage.mouseX;
    self.cur.y = stage.mouseY;
  }
}
self.mcButton.addEventListener("pressup", up);
function up() {
  window.open(clickTag, "_blank");
}
self.mcButton.addEventListener("mouseover", fl_MouseOverHandler);
function fl_MouseOverHandler() {
  isOver = true;
  self.small_back.play();
  self.big_back.play();
}
self.mcButton.addEventListener("mouseout", fl_MouseOutHandler);
function fl_MouseOutHandler() {
  isOver = false;
  self.small_back.gotoAndStop(0);
  self.big_back.gotoAndStop(0);
}

Здесь, я так понимаю, курсор принимает пользовательский вид и появляется эффект увеличительного стекла. Но у меня проблема: я не знаю как организовать таймлайн. Каким мувиклипам какие дать имена, чтобы все заработало.

Кто перешел из ActionScript на JS и Animate CC вместо Flash отзовитесь пожалуйста.

Заранее благодарю!

READ ALSO
'-' в регулярных выражениях

'-' в регулярных выражениях

Здравствуйте, пытаюсь проверить число, например -42, вроде как, в alert должно быть написано только это число, но пишется -42,-Как сделать так чтоб...

312
JSON.parse получаю ошибку Unexpected token o in JSON

JSON.parse получаю ошибку Unexpected token o in JSON

Пытаюсь вернуть через REST API данные в JSON

462
Сделать горизонтальную прокрутку в fotorama

Сделать горизонтальную прокрутку в fotorama

ЗдравствуйтеИспользую плагин fotorama

280