phina.js
さぁ, 一緒にゲームプログラミングを始めよう!
phina.js って?
アイディアを即座に形にできるゲームライブラリです。初心者でも手軽にゲームを開発できます。様々な Web コンテンツ, アプリで多数の採用実績があります
大学や専門学校といった教育機関で利用されています。国産かつオープンソースでTwitter 駆動開発なので気軽にコントリビューターになれます
phina.js の特徴
ゲームやツールを簡単に作る事ができる JavaScript ゲームライブラリだよ♪
『プログラミングって気軽にできるもんなんだ』『ゲームってこんなに簡単に作れるんだ』って感じてもらえると嬉しいな
phina.js の使い方
使い方は, phina.js を読み込むだけです. これで phina.js の全機能を使えるようになります. 下記は最小サンプルになります.
また, テンプレートをダウンロードして使ったり, Runstant で今すぐに使いはじめることもできます.
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Getting started | phina.js</title>
<!-- phina.js を読み込む -->
<script src='http://cdn.rawgit.com/phi-jp/phina.js/v0.2.0/build/phina.js'></script>
<!-- メイン処理 -->
<script src='main.js'></script>
</head>
<body>
</body>
</html>
// phina.js をグローバル領域に展開
phina.globalize();
// MainScene クラスを定義
phina.define('MainScene', {
superClass: 'DisplayScene',
init: function() {
this.superInit();
// 背景色を指定
this.backgroundColor = '#222';
// 星を表示
for (let i=0; i<32; ++i) {
let star = StarShape().addChildTo(this);
star.x = Math.randint(0, this.width);
star.y = Math.randint(0, this.height);
star.rotation = Math.randint(0, 360);
star.stroke = 'transparent';
star.update = function() {
this.rotation+=4;
};
}
},
});
// メイン処理
phina.main(function() {
// アプリケーション生成
var app = GameApp({
startLabel: 'main', // メインシーンから開始する
});
// アプリケーション実行
app.run();
});
phina.js のコミュニティ
ゲームやツールを簡単に作る事ができる JavaScript ゲームライブラリだよ♪
『プログラミングって気軽にできるもんなんだ』『ゲームってこんなに簡単に作れるんだ』って感じてもらえると嬉しいな
phina.js の開発
みんなまってるよ