Умные колеса.
апреля 24, 2009
Сейчас я работаю над одним весьма интересным проектом — это будет всего лишь интерактивная флеш-шапка, но она будет полна анимации с алогичным волшебством: кони-рыбы, люди-фрукты и так далее ))
В процессе работы, я уверен, будет накапливатся масса интересных и полезных мелочей, коими я конечно же поспешу поделиться. Сейчас таких мелочей есть две: программный растеризатор сложного вектора. Вектора будет много, и он как пить дать убъет процессор; пришлось выдумывать хитрые вещи. Но об этом позже, сначала я должен убедиться в эффективности выбранного решения ))
Сегодня же я расскажу о колесах. Будет скрипт )) Несложный, но он даст нам чудное колесо, и оно будет вращаться в точности в соответсвии с тем, как далеко продвигается то, к чему это колесо крепится ))) Итак, под кат, там есть небольшой мультик ))
Оставим пока лошадей ) (Я намерен, кстати выложить видео запись процесса работы над этой анимацией - так сказать серия Animator at work)
Понаблюдайте за каретой. Колеса, как видите вращаются весьма правильно )) Они следуют всем законам земным и божеским. Вы думаете, я сидел с линейкой и мерял кадр за кадром - каково смещение? Нет. Я вспомнил, что в школе я неплохо разбирался в геометрии ))
Итак, каждое колесо запаковано в мувиКлип, сама карета с ее вложенной анимацией также упакавана в мувиклип.
Каждый клип колеса имеет точку регистрации ровно в его центре, чтобы колесо вращалось вокруг своей оси.
Из геометрии мы знаем формулу длины окружности L = 2PI*R, где R - радиус.
В правильном колесе радиус - это половина ширины клипа.
Рассуждаем логически: когда наше колесо повернется на 360 градусов, оно должно сместиться на расстояние L. Супер! Значит, если колесо повернется на один градус, расстояние будет равно L/360! Запомним это число, и повесим на колесо событие onEnterFrame в котором смотрим — на сколько сместилась карета (моушвтины тоже считаются!), и считаем угол поворота - дистанцию делим на L/360. Вуаля.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | init(wheel1); // обучаем первое колесо init(wheel2); // обучаем второе колесо function init(mc:MovieClip):Void { mc.radius = mc._width/2; // собрали радиус mc.baseX = mc._parent._x; // запомнили начальную позицию кареты // l = 2PI*R - ах, геометрия... mc.degreeLength = (2*3.1415926*mc.radius)/360; // смещение при повороте на один градус mc.onEnterFrame = function():Void { var distance:Number = this.baseX - this._parent._x; // на сколько сместилась карета? this._rotation = -distance/this.degreeLength; // поворачиваем колесо } } |
Entry Filed under: AS2.0, ActionScript, Math, Полезное, анимация
3 комментария Add your own
1. wyveren | апреля 25, 2009 at 4:58
Как все просто, оказывается. А с чего посоветуете, человеку, совсем не занимавшемуся программированием начать изучать AS2?
2. murejib | апреля 25, 2009 at 8:23
Желая всяческого процветания, посоветую начать с as3 ))) Чтобы потом не ломать себе голову.
Книгу хорошую приобрести. Например Колина Мука. И читать и как можно больше практиковаться - решать всякие мелкие задачи, а потом на просторы Adobe-документации по языку.
3. wyveren | апреля 25, 2009 at 19:01
Ах AS3. Так, понял. Спасибо, прислушаюсь к совету. Надо купить CS3 или CS4. Таак.
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed