検索対象:検索ほろほろりなゲーム置き場ジャンル雑多なゲーム・ゲーム制作関連のブログ記事置き場。最近はBlender中心に学習中。私の経験というか、知ってればよかった...。思ったので、ゲームライブラリのphina.jsについて、少し調べてわかったこと、使ってみた感想を書かせていただきますね。加筆・修正を行いました。前回の記事で悩みに悩んでたレスポンシブ対応の件なのですが、その後も色々ネットで情報探し回っててふと、そういえばゲームライブラリってどんなのか全然調べてなかったな、と思ってちょっと調べてみたんですよ。(本当に情報原人だわ私)とりあえず件のRunstantを調べていた時に何かと目にしていたphina.jsってものから。関連記事リンク:Canvasで描画するんならRunstantを知っといて損はなし!そしたら少し調べただけで、散々悩んでた画面サイズに合わせてちゃんと表示されるような仕様がたったコード数行でできるとか!ゲームライブラリ凄い!って感動しました(;ω;`)確かに始めは書き方覚えなきゃいけないんですけど、JavaScriptだけだとすごい行のコーディングしなきゃいけない動作が、少ない行数で済むってすごいですね!作業効率上がりまくりますね!以下公式サイトからの引用ゲームやツールを簡単に作る事ができるJavaScriptゲームライブラリだよ♪PCとスマートフォンどちらでも動くんだ『プログラミングって気軽にできるもんなんだ』『ゲームってこんなに簡単に作れるんだ』って感じてもらえると嬉しいなphina.js公式サイトより引用オープンソースで、国産のライブラリだそうですよ。Runstantを作られた方と同じ方が作られたんだそうです。src='http://cdn.rawgit.com/phi-jp/phina.js/v0.2.0/build/phina.js'></script>と、なっていますが、RawGitサービス終了に伴い、今後は他のサービスを利用しての読み込みが必要になるかと思います。参考までに私の場合ですが、代替にjsDelivrを利用させていただき、そうした場合のコードは下記になります。src='https://cdn.jsdelivr.net/gh/phi-jp/phina.js@0.2.3/build/phina.js'></script>公式サイトのindex.htmlのコードを私のやり方に直したソースコードを貼っておきます。src='main.js'></script></head><body></body></html>勉強の仕方なのですが、これは個人の好みとかもあると思いますが、数々のサンプル(一見の価値あり!)もRunstantで公開されていますし、公式サイトでもRunstantでの勉強がおススメされていますので、Runstantを使って習得するのが良いのではないかと思います。上から降りてくる星をクリック!本当はシーン遷移もやりたかったんですが、ちょっとうまくできなかったので、たぶん後日修正します。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。twitterfeed当ブログと管理人についてはをご覧ください。twitterfeed。