More Related Content
Similar to 第3回 IT講座 ゲームを作ってみよう! 基礎編 (20)
第3回 IT講座 ゲームを作ってみよう! 基礎編
- 8. jQuery React Angular JS Backbone.js Vue.js
Phina.jsenchant.js
JavaScript の ライブラリ
ライブラリ・・使いやすい複数のプログラムを一つにまとめたもの。
JS だけだと難しい記述も短く記述できたりする。
ゲームに強い。
Phina.js は2015年にリリースされた
比較的新しいライブラリ。
JavaScript の ライブラリ や フレームワーク
- 14. Sublime Text 3 を開いて
phina.js-develop フォルダ を
Sublime に ドラッグ&ドロップ
すると見やすくなります
- 15. <meta charset='utf-8' />
→ 文字コードの宣言
<title>Hello, phina.js | phina.js</title>
→ ページのタイトル
<script src='../build/phina.js'></script>
→ phina.js の読み込み
<script>〜
</script>
→ 具体的なプログラミングの記述
- 16. /* 〇〇 */
// 〇〇
→ 記述が処理されないようにする
コメントアウトと言って、説明を書いたりする
phina.globalize();
→ phina.js を書くよ、という宣言
phina.define('MainScene', {
〜 });
→ メインシーンを定義
シーン?
- 19. phina.main(function() {
〜 });
→ 定義したプログラムを呼び出す処理
var app = GameApp({
startLabel: ‘main’,
});
→ メインシーンから始める
app.enableStats();
→ fps(フレームレート) の表示
※動画において、単位時間あたりに処理させる
フレーム数(静止画像数、コマ数)。デフォルトは30。
- 25. 参考サイト
■ phina.js 公式サイト
http://phinajs.com/
■ phina.js github
https://github.com/phinajs/phina.js
■ phina.js Advent Calendar 2015
https://qiita.com/advent-calendar/2015/phinajs
■ phina.js Tips集
https://qiita.com/alkn203/items/bca3222f6b409382fe20
■ 気鋭の新JSゲームライブラリ「phina.js」の概要を自分なりにまとめてみた
https://qiita.com/emadurandal/items/ac6d7a74a9b5521018d5
■ phina.jsの簡単さから基礎知識まで
https://qiita.com/axion014/items/1094487f88cc056da1f2
Editor's Notes
- みんなゲーム好きですか?
どんなゲームが好き?
どんなゲームを作ってみたいとかありますか?