phaser-framework учебник
Начало работы с фазер-каркасом

Android Cordova CSS HTML html5-canvas ionic-framework JavaScript jQuery Node.js TypeScript

замечания

Phaser - это исходная среда для настольных компьютеров и мобильных HTML5.

Он включает в себя надежный набор документации, функций и примеров, позволяющих быстро перейти к рабочей игре. Он поддерживает WebGL с помощью механизма рендеринга Pixi.js и включает резерв Canvas для поддержки на старых устройствах.

Хотя двигатель встроен в JavaScript также включает машинопись определения

Существует новое представление о проекте, совместимом с ES6 под названием Lazer .

Версии

Phaser 2

Версия	Дата выхода
2.6.2 Коре Спрингс	2016-08-25
2.6.1 Caemlyn	2016-07-11
2.6.0 Фал Моран	2016-07-08
2.5.0 Пять Королей	2016-06-17
2.4.9 Четыре короля	2016-06-16
2.4.8 Смотреть Хилл	2016-05-19

Начало работы Phaser

Создать папку
Создайте index.html внутри нового каталога. Откройте его в редакторе скобок
Загрузите репозиторий Phaser из github , затем возьмите файл phaser.js из папки сборки. Поместите файл в каталог проекта.
Откройте index.html и свяжите phaser.js внутри тега заголовка.

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" />
    <title>My Gamer</title>    
    
     <script type="text/javascript" src="lib/phaser.js"></script>

    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
    
</head>
<body>    
        <div id="gameContainer"></div>
</body>
</html>

Создайте еще один js-файл в каталоге с именем game.js
Откройте файл game.js в редакторе и напишите следующий код:

// Phaser instance, width 800px, height 600px render as CANVAS. 
// Method signature - preload, create and update

var game = new Phaser.Game(800, 600, Phaser.CANVAS,'gameContainer', { preload: preload, create: create, update: update });

function preload() {
// this method used to load your game assets
}

function create() {
// this method run only once used to create to game world
}

function update() {
// this method loop 60 times in a seconds, used to handle gameplay.
}

Сохраните все файлы и откройте index.html, используя Bracket liveserver (значок в правом верхнем углу).
Теперь создается среда разработки Phaser. Экран консоли должен появиться в браузере для проверки ошибок.

Начало работы с Phaser с использованием Node.js

Создайте папку, в которой вы хотите жить в своей жизни, и переходите к ней

mkdir my-new-game
cd my-new-game

Инициализировать каталог с помощью npm.

npm init -y

Установите phaser как пакет узлов.

npm install phaser

Установите http-сервер как глобальный модуль, который будет использоваться в командной строке.

npm install -g http-server

Создайте файл index.html и укажите исполняемый файл Phaser и вставьте в него следующий код.

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>My Gamer</title>
    <script type="text/javascript" src="node_modules/phaser/build/phaser.js"></script>
    <style type="text/css">
    body {
        margin: 0;
    }
    </style>
</head>

<body>
    <div id="helloWorld"></div>
</body>
<script>
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'helloWorld', {
    create: create
});

function create() {

    var text = "Hello World!";
    var style = {
        font: "65px Arial",
        fill: "#ff0044",
        align: "center"
    };

    var t = game.add.text(game.world.centerX, 300, text, style);
    t.anchor.set(0.5);

}
</script>

</html>

Запустите сервер и загрузите http: // localhost: 8080 в свой браузер!

hs

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow