Форум Flasher.ru
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)
-   -   И опять рулетка (http://www.flasher.ru/forum/showthread.php?t=154958)

asphodel 25.04.2011 20:24
И опять рулетка
 
Возник довольно предстазуемый вопрос - как остановить шарик на нужной ячейке) Мне известны координаты нужной ячейки, мне известны координаты шарика. То есть надо спланировать траекторию движения шарика...
Шарик движется по овалу:
Код AS3:
ball.x = center.x + Math.cos(angle) * bigRadius;

ball.y = center.y + Math.sin(angle) * smallRadius;
Пока идея следующая:
В определенній момент определить и запомнить положение ячейки и просчитать, через сколько кадров она будет в єтой точке снова...И на основе этого времени (количества кадров) расчитать траекторию. Но вот с этим уже проблема...Я думал сводить движение к движению по спирали....но тогда нужно, чтоб шарик через нужное время был в нужной точке - то есть необходимо уменьшать радиусы овала и изменять угол - скорость...в итоге после долгих мучений ничего не вышло...
Может кто-то сталкивался с такой проблемой и есть решение оптимальней...помогите плиз.

Gaen 25.04.2011 22:08
Тут все идет от угла.

Дано:
- шарик находится в точке (ballX, ballY)
- шарик обладает начальной угловой скоростью w и двигается с замедлением
- шарик должен сделать n полных оборотов и остановиться в точке с координатами (cellX, cellY) через t сек

Найти:
- угловой путь, пройденный шариком

Зачем:
- чтобы проанимировать шарик простым твином

Решение:
1. Переводим координаты шарика и ячейки в угловые положения при помощи Math.atan2.
2. Искомый путь будет n*(2*Math.PI)*Math.abs(cellAngle - ballAngle)

Теперь как это анимировать. Твин по сути занимается тем, что изменяет заданный параметр с начального значения на конечное в течение заданного промежутка времени по заданному закону. При помощи стандартного твина, изменение свойства angle с плавным замедлением будет выглядеть так:
Код AS3:
this.ballTween = new Tween(this.ball, "angle", Regular.easeOut, currentAngle, finalAngle, t, true);
Чтобы это имело смысл, шарик должен иметь сеттер angle, который будет выставлять его в нужные координаты:
Код AS3:
public function set angle(value:Number):void{

    this._angle = value;

    this.x = center.x + Math.cos(value) * bigRadius;

    this.y = center.y + Math.sin(value) * smallRadius;

}//set angle

asphodel 26.04.2011 17:54
Спасибо большое...
Единственное, что непонятно - это перевод координат шарика и ячейки в угловые положения...Это делать с помощью Math.atan2 или как-то по другому?
Также проблемой является то, что ячейка не находится на эллипсе, по которому движется шарик.

Gaen 28.04.2011 02:11
Цитата:
Единственное, что непонятно - это перевод координат шарика и ячейки в угловые положения...Это делать с помощью Math.atan2 или как-то по другому?
Да, это делается при помощи Math.atan2, а насчет asin и acos это я погнал... У этой функции есть одна малозаметная особенность, из-за которой я долго пытался понять, что же курил ее автор, выбирая направления осей. Но после очередного прочтения документации я понял, что автор курил не во время выбора осей, с которыми на самом деле все в порядке, а во время определения порядка параметров. Первым параметром передается Y, а вторым - X.
Вторая особенность вполне логична и очевидна: ось y направлена вниз, так как мы имеем дело с экранными координатами.

Цитата:
Также проблемой является то, что ячейка не находится на эллипсе, по которому движется шарик.
Координаты ячейки переведутся в угловое положение для шарика, которое переведется в точку, лежащую на эллипсе.

Nemez 28.04.2011 20:11
По-моему, угловая скорость при движении по эллипсу не является постоянной при равномерном движении шарика.

Gaen 28.04.2011 21:46
Угловая скорость тут не нужна вовсе, просто изначально я думал использовать ее для вычисления количества оборотов, которое обеспечит плавную остановку, но для этого потребуется дополнительный параметр - максимальное ускорение (замедление), при котором остановка выглядит плавной. В данном случае проще не запариваться, и подобрать количество оборотов эксприментально.

greenhill 23.07.2011 19:23
Расскажите пожалуйста детальнее как с помощью Tween можно двигать объект по эллипсу

in4core 24.07.2011 15:44
ЧТобы не открывать новую тему, тоже тут спрошу.
Дано. Рулетка вид сверху, рулетка (круг ) поделена на секторы соотв числам.
Нужно : если пришел результат, например 10, прокрутить рулетку раза 3 -4 в конце с замедлением, и остановится на нужном числе, так чтобы это число было наверху в центре. Это аналогия с циферблатом часов, крутится часовая стрелка 4 раза, вместе с ней крутятся и все часы - итог если выпало число 5, нужно чтобы 5 была в районе 12, где 12 стояло изначально.

Wolsh 25.07.2011 02:00
Вычисли угол, на который надо повернуть круг, чтобы нужный сектор оказался в нужном месте. Добавь 3-4 раза по 360° и запускай твин на rotation, с ускорением вначале и замедлением в конце. Если подходящего алгоритма твина нет, подели на три части – круг на твин-разгон, два круга на постоянной скорости и круг + остаток на твин-замедление.

greenhill 26.07.2011 21:52
Gaen,
Цитата:
public function set angle(value:Number):void{
this._angle = value;
this.x = center.x + Math.cos(value) * bigRadius;
this.y = center.y + Math.sin(value) * smallRadius;
}//set angle
а где этот сеттер вызывается?
и как вы делаете "прыжок" по ячейкам?


Часовой пояс GMT +4, время: 01:39.
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.