Как создать объекты спрайтов для вашей игры HTML5

Как создать объекты спрайтов для вашей игры HTML5 - манекены

Чтобы создавать очень мощные игры HTML5, вы захотите создать собственные спрайты, которые именно то, что вы хотите от них делать. После того, как вы создадите объект, вы можете дать ему характеристики и поведение.

Как создать объект справки для вашей игры

Чтобы начать, взгляните на этот простой объект:

 игра критерия var; var critter; function init () {game = new Сцена (); crter = новый спрайт (игра, «криттер. gif», 30, 30); зверушка. SetSpeed ​​(0); игра. start ();} function update () {game. Чисто(); зверушка. update ();} 

Это чрезвычайно простая программа. Он создает сцену и один спрайт, называемый . Прямо сейчас, тварь не делает много.

Как создать собственный игровой спрайт

Объекты Sprite велики, но разве это не было бы удивительным, если бы сам твой объект был объектом и даже лучше, если бы это был новый объект, основанный на спрайт? Он может начинаться со всех основных особенностей спрайта, но вы можете добавить новые возможности для дифференциации тварей от других спрайтов.

Взгляните на CritterConstructor. html, чтобы увидеть способ сделать это:

 игра критерия var; var critter; function Critter () {tCritter = новый спрайт (игра, «крит. gif», 30, 30); tCritter. SetSpeed ​​(0); return tCritter;} function init () {game = new Сцена (); critter = new Critter (); игра. start ();} function update () {game. Чисто(); зверушка. update ();} 

Эта программа работает точно так же, как и последняя, ​​но она организована несколько иначе.

  • Существует функция под названием Critter () . Важно, что функция является именем объекта, а также заглавной. Это очень специальная функция, потому что она используется для определения объекта Critter ().

  • Функция Critter () создает временный объект спрайта. Внутри функции Critter () вы видите временный объект спрайта, называемый tCritter (). Это новый спрайт.

  • Измените временный спрайт столько, сколько хотите. Чтобы создать новый тип объекта в JavaScript, вы по существу создаете новый объект и затем изменяете его, чтобы получить именно то, что вы хотите. В этом случае была установлена ​​скорость по умолчанию критерия.

  • Возвращает временный объект Critter . Конец специальной функции Critter () возвращает спрайт, но теперь это не просто спрайт, а криттер.

Целью этого механизма является доступность новых видов объектов. Critter очень похож на Sprite, но может иметь новое поведение и характеристики. Это невероятно мощная функция.

Технический термин для создания спрайта, как будто он произошел от другого спрайта, - это наследование . Модель наследования JavaScript обычно выполняется по-другому (с использованием механизма под названием прототипирование ).

Это не так, как делается официальное наследование JavaScript, но механизм, показанный здесь, легче понять, чем «правильный» способ, и он похож на то, как наследование выполняется на многих других языках. В этом подходе нет ничего плохого, но иногда вы увидите другие подходы к наследованию в JavaScript.