Phaser 3 및 Node 시작회사 명
8881 단어 nodephaser3tutorialjavascript
Phaser를 사용하기 전에 Phaser 게임에서 생성된 정적 파일을 제공하는 백엔드 서버를 만들어야 합니다.이 점을 하기 위해서 우리는 하나의 노드를 실현해야 한다.Express의 js 서버를 사용합니다.이제 과정을 살펴봅시다.편집기에서 Server라는 파일을 만듭니다.회사 명
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/public'));
app.get('/', function (req, res) {
res.sendFile(__dirname + '/index.html');
});
app.listen(8080, () => {
console.log('Server listening on http://localhost:8080');
});
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Phaser - Demo</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
첫 번째 단계는 색인에 스크립트 표시를 설정하는 것입니다.html 파일.이 스크립트 탭은 Phaser 3 라이브러리에 접근하여 게임 실례를 만들 수 있도록 합니다.이것은 색인 내용입니다.html은 다음과 같이 해야 한다.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Phaser - Asteroids</title>
<script src="//cdn.jsdelivr.net/npm/[email protected]/dist/phaser.min.js"></script>
<script type= "module" src="game.js"></script>
</head>
<body>
</body>
</html>
import Phaser from 'phaser';
const config = {
width: 800,
height: 600,
type: Phaser.AUTO,
audio: {
disableWebAudio: true
},
physics: {
default: 'arcade',
arcade: {
fps: 60,
gravity: {y : 0},
}
},
};
const game = new Phaser.Game(config);
만약 네가 강좌에서 이 지경에 이르렀다면, 그것은 정말 대단할 것이다.다음 글은 Phaser 3 게임의 실례에 이미지, 소리, 텍스트를 추가하는 방법을 연구할 것입니다. 따라서 Phaser 3에 대한 더 많은 정보를 알고 싶으면 계속하십시오!
Reference
이 문제에 관하여(Phaser 3 및 Node 시작회사 명), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/cschratz/getting-started-with-phaser-3-and-node-js-4mbp텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
