phina.js(フィナ・ドット・ジェイエス)はJavaScriptで作られたオープンソースのJavaScriptゲームエンジンである。
概要
phina.jsはJavaScriptを用いたゲーム制作向けのWebアプリケーションフレームワーク(ゲームエンジン)である。 HTML5に対応しており、JavaScriptが動作するブラウザであれば本ゲームエンジンで作られたプログラムを実行することが出来る。
機能・特徴
「アイデアを即座に形にできる」「初心者でも手軽にゲームを開発できる」をコンセプトに開発されている。JavaScriptでゲームを作る際に、共通して用いられる主要な処理を代行させることができる。基本的にはHTML5のCanvasの機能を用いて描画などの処理を行っている。また、国産かつオープンソースで、Twitterでハッシュタグ「#phina_js」をつけてつぶやいたり、GitHubでissueやPull requestを送信することでphina.jsの開発に参加することができる。 ブラウザ上で動作するためPCとスマートフォンの別を問わず動作する。(クロスプラットフォーム)
開発者・コミュニティ
phina.jsの開発者はフロントエンドゲームエンジニアのphi_jpである。また、phina.jsの開発はphi_jp以外にも多数のコントリビューターが参加している。phina.jsはSlack,Gitter,GitHub,Twitterなどでユーザーやコントリビューターが活動している。
2016年、技術系AdventCalendarの1つとして「phina.js Advent Calender 2016」が開催され、10ユーザーから22件の投稿が寄せられた。
歴史
phina.jsはtmlib.jsという前身のライブラリの後継にあたる。tmlib.jsはphina.jsと同じくJavaScriptのゲームエンジンであり、phina.jsはtmlib.jsの開発で得られた反省点を活かして開発が進められている。また、tmlib.jsもtmlibという前身のライブラリの後継である。
リリース履歴
下に行くほど古いバージョンを示している。
採用
以下の製品・サイトでPhina.jsが採用されている。
- Facebookインスタント配信ゲーム「LUMINES PUZZLE & MUSIC LITE」(株式会社モブキャスト)
- ゲームブランド「UCHUU GAMES」のデモページ(株式会社アルファコード)
- ソーシャルゲームWake Up, Girls! 新星の天使(WUG天)(Rakuten Games)
脚注
関連項目
- enchant.js
外部リンク
- 公式ウェブサイト
- 公式レポジトリ
- 公式organization
![[phina.js] シーン管理の基本 スマホ教室ちいラボ](https://chiilabo.com/wp-content/uploads/2023/06/image-2-1024x576.jpg)
![[phina.js]イベントドリブンな当たり判定を作ってみた](https://res.cloudinary.com/zenn/image/upload/s--LHNpLKnr--/co_rgb:222%2Cg_south_west%2Cl_text:notosansjp-medium.otf_37_bold:alkn203%2Cx_203%2Cy_98/c_fit%2Cco_rgb:222%2Cg_north_west%2Cl_text:notosansjp-medium.otf_70_bold:%255Bphina.js%255D%25E3%2582%25A4%25E3%2583%2599%25E3%2583%25B3%25E3%2583%2588%25E3%2583%2589%25E3%2583%25AA%25E3%2583%2596%25E3%2583%25B3%25E3%2581%25AA%25E5%25BD%2593%25E3%2581%259F%25E3%2582%258A%25E5%2588%25A4%25E5%25AE%259A%25E3%2582%2592%25E4%25BD%259C%25E3%2581%25A3%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hLSWFUOHRhQVlWeEtMX0xGSEtFcWZhRW9hcnBXN0dRcWp5aW92PXM4MC1j%2Cr_max%2Cw_90%2Cx_87%2Cy_72/v1627274783/default/og-base_z4sxah.png)

![[phina.js] マウス・タッチ・キー入力取得 基本編 ほろほろりドットコム](https://horohorori.com/wp-content/uploads/2018/09/key_mouse_sample2-2-23-2.png)
