はてなブックマーク

phina.jsとは ブラウザ上で動作するマルチプラットフォーム向けのゲームライブラリです。 言語はJavaScriptです。 ランディングページ | http://phinajs.com/ github | https://github.com/phi-jp/phina.js gitter (slack のようなgithubのチャット)　| https://gitter.im/phi-jp/phina.js ドキュメント | http://phinajs.com/docs/ アドベントカレンダー 2015 | http://qiita.com/advent-calendar/2015/phinajs アドベントカレンダー 2016 | http://qiita.com/advent-calendar/2016/phinajs ドキュメントがほとんどできてないので、サンプルやソースコードを

はじめに この記事では、phina.jsのv0.2を使用しています。 https://cdn.rawgit.com/phi-jp/phina.js/v0.2.0/build/phina.js 14日目埋まらないなー、誰か埋めないかなー？と思いながら結局埋まらなかったので、自分が書くことにしました。 といっても、ネタがなくて、しばらく過去サンプルを眺めてました。 ちょうど目に止まった加速度センサーのサンプルが、あったので、あんまり加速度センサーの紹介してる人いないからということで加速度センサーでミニゲームを作ることにしました。 作ったゲーム 穴に落ちないようにGOALを目指すゲームです。 https://goo.gl/lrrTsL runstantじゃなくて、runstant liteなのは、別ドメインのiframeだと何故かiPhoneで加速度センサーの値が取れないからです。 コードの解説

var counter = function(str,seq){ return str.split(seq).length - 1; } var str = "Qiita"; var str2 = "Qiiiiiiiiiiiiiiiiiiita"; var str3 = "a1b2c3d4e5f" console.log(str+":"+counter(str,"i")); console.log(str2+":"+counter(str2,"i")); //正規表現も使える console.log(str3+":"+counter(str3,/\d/)); console.log(str3+":"+counter(str3,/[a-z]/));

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

WebAudio API で音が歪む 歪んだり歪まなかったりするしよくわかんねー！ ってなってましたが、なんか回避できたので、書いておきます。 再現方法 iOS 9.2.1 iPhone6 Plus イヤホンを挿してない状態で　SafariでWebAudioの再生してるページを開いて、Safariを再起動します。 ちなみに、Safariで音を再生するには、touchend等のユーザアクションで音を再生しないといけません。（一回再生すれば、そのAudioContextでは再生できるようになる） あと、なぜか、iOS9からtouchstartがユーザアクションとして判定されなくなりました。 音の再生サンプル 回避の方法 一回音を再生してから、サンプルレートが44100じゃない時に、AudioContextを再度生成することで回避できます。 サンプル http://goo.gl/jWZDwD d

Firebase とは リアルタイム通信ができたりするものらしいです。 この文章を書いてる段階では、まだ使っていません。 https://www.firebase.com/ まずログイン サインアップしてない人はサインアップ ログインしたら、Dashboardが自動で表示されました。 APP を追加する 追加こんな感じになります 簡易チャットを作る http://lite.runstant.com/ runstant 等のブラウザ上でJSを編集してすぐに実行できるサービスを使います。 今回はrunstantを使用します。 完成形はこんな感じです。 HTMLコード <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> でFirebaseのライブラリを読み込むだけで準備完了です。 <!docty

phina.js とは ゲームが簡単に作れるライブラリです! ゲームに限らずアプリやWEBサイトのちょっとしたアクセントなんかにも使えます。 github gitter advent-calendar/2015 修正履歴 2016/3/16修正 マウスカーソルを最新版に対応 BounceSoundのサンプルをjsdoitに変更 VideoSprite のサンプルを修正 CanvasRecorderのサンプルを修正 Particle10k のサンプルをjsdoitに変更 まえがき この記事でphina.jsについて解説してる点で疑問に思ったことやわからないことがあればコメントか、 @simiraaaaにDMかリプライで質問してくれればわかる範囲で答えます。 また、誤字脱字や間違っている点があれば、編集リクエストをお願いします。 すべてのサンプルでhttps://rawgit.com/phi-

phina.js とは ゲームが簡単に作れるライブラリです! ゲームに限らずアプリやWEBサイトのちょっとしたアクセントなんかにも使えます。 github gitter advent-calendar/2015 ドキュメント まえがき この記事でphina.jsについて解説してる点で疑問に思ったことやわからないことがあればコメントか、 @simiraaaaにDMかリプライで質問してくれればわかる範囲で答えます。 また、誤字脱字や間違っている点があれば、編集リクエストをお願いします。 すべてのサンプルでhttps://rawgit.com/phi-jp/phina.js/v0.1.0/build/phina.jsをScriptタグで読み込んでいます。 今はまだphina.jsの情報は検索してもあまり出てこないので、代わりにtmlibで検索すると、似たようなサンプルが出てきたりします。ちょっと

phina.js phina.js はtmlib.jsを再設計し最初から作りなおしたもので、現在開発中です。 http://phinajs.com/ tmlib.jsは現在開発しておりませんので、こちらの記事も更新しません。 _ 一度ソースコードを全て読んでおきたかったので、ついでにまとめるという感じです。 暇なときに追記していきます。 間違ってるところや、追記したいこと、サンプルを載せたいなどありましたら、 編集リクエストを送ってやってください。 サンプルだけ サンプルだけ見たい時はこちらへどうぞ [tmlib.js] 関数やクラスのサンプル 目次 tm event util geom collision dom asset input graphics anim app display ui game three sound social google 追記履歴 2015/07/16

Qiitaで初めての記事になります。simiraaaaと申します。 よろしくお願いします。 tmlib.jsを知らない人向けに紹介していきます。 #tmlib.jsとは JavaScriptでゲームやWebアプリが簡単に作れるライブラリです。 http://phi-jp.github.io/tmlib.js/ phina.jsについて　追記 tmlib.jsは現在phina.jsというライブラリに名前を変えて開発を進めております。 http://phinajs.com/ tmlib.jsを再設計し、さらに使いやすくなっていると思います。 #ここがすごい! ##phi_jpという神がサポートしてくれる！(敬称略) phi_jpさんはtmlib.jsの作者です。 「こんなエラーが出てどうしたらいいかわからない」 「これはどうしたらできますか？」 など、質問すると真剣に答えてくれます。 ※できる