| Съдържанието |
|
| Провеждане на бутони | Отзивчиви оформления |
Създаване на линия игра
Когато създавате игри, изображения или спрайтове, се добавят към филма за представяне на елементи в игри като герои, превозни средства или експлозии. Позицията на Спрайт се коригира много пъти втори от вътре една линия, в зависимост от някои игра логика. Всеки филм има вграден в играта цикъл, наречен 'При актуализация на'. Тя се нарича всеки път, когато актуализациите на анимация и той може да се намери в свойствата на филма.
Създаване на нов филм и добавяне на изображение, също се нарича дух. Ние сме използвали плажна топка.
 | Импортиране |
Щракнете, за да запишете това изображение на вашия компютър.
BeachBall.png
в свойствата на първата рамка на плажна топка, изключете времева скала и набор си 'ИД на скрипт' да Ball. Изключването на времевата скала позволява на топката да се контролира с помощта на Javascript.
Ние ще се направи плаж топката скача около филма. Така че ние трябва да създадете някои скорост променливи в 'Общи' скрипт събитие. Ще направим всички първоначални стойности.
В 'При актуализация на' случай, можем да направим топката се движат чрез добавяне на стойности на скоростта да се X и Y стойности на топката.
Ball.Y+=VelocityY;
Натиснете play за да тест на филма. Топката трябва да летят директно от филма.
 | Play |
X И Y свойства на топката са си централната точка. Чрез проверка на тези стойности спрямо ширината и височината на филма, ние може да провери ако топката да скача. Да скача на топката, просто обърнете скоростта.
Ball.Y+=VelocityY;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Натиснете play за да тест на филма отново. Топката сега трябва да скача наоколо.
Износ филм на HTML и забележите, че топката се движи малко по-различна скорост на играча. Това е така, защото различните уеб браузъри и различни устройства работят с различни скорости.
За да направите топката се движи със същата скорост навсякъде, ние трябва да изчисли разликата във времето между актуализации. 'При актуализация на' Събитие включва два полезни променлива, които правят точно това. TimeChange: На броя на кадрите, които са минали от последната актуализация. SecondsChange: Броя на секундите, които са минали от последната актуализация. Тези стойности са независими от дали Филмът е спряна или не. Те са просто начин да се изчисли времето от последната актуализация. За да направите анимация винаги работи със същата скорост, всяка промяна в положението, ъгъл или непрозрачност трябва да бъде умножена по промяната във времето или секунди.
Ball.Y+=VelocityY*TimeChange;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Тест на филма в плейър и HTML. Топката трябва да се движат точно със същата скорост и в двете.
| Провеждане на бутони | Отзивчиви оформления |