[tmlib.js] リファレンスのようなもの - Qiita
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
![[tmlib.js] リファレンスのようなもの - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f6869a87926f22e5782bd879271bf57f57448522/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjA2OTAlMkZwcm9maWxlLWltYWdlcyUyRjE0ODY4MTI0Njk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MjE0MTYyOWI3YWJiM2RiYjk4ZmYxNTNkZTNiZjBlNzE%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dea92b450f872787ff43789978c03b7a0%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCdG1saWIuanMlNUQlMjAlRTMlODMlQUElRTMlODMlOTUlRTMlODIlQTElRTMlODMlQUMlRTMlODMlQjMlRTMlODIlQjklRTMlODElQUUlRTMlODIlODglRTMlODElODYlRTMlODElQUElRTMlODIlODIlRTMlODElQUUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz00ZGM2ZTU0MDYyNWYxZDRlZWM4YjA3OTNkNjBkZDQyOA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaW1pcmFhYWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1lOTZmMDhmMDY2ZmRlYjM1NzhmNzQxNTQ0NWFmODNjZA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc92edb3b2fe8bf9e5104753fa53f299b)
tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか - tmlife
思いついたので, tmlib.js で幾何学っぽいやつ作りました. ちょっとしたグラフィックスプログラミングです. 下にデモとコードの解説載せてます. ゲームプログラミングは, 乱数やベクトル, 行列を手足のように使えてナンボの世界なので こういったプログラミングに慣れとくと楽しいですよ♪ Demo とりあえず作ったやつです. パーティクル同士が近づくとラインを結びます. マウスにも反応します. [runstant] runstant で作ったので実際に実行したり, 上の CONFIG イジって見た目を変えたりできます. よかったら遊んでみてください♪ Code コードはこんな感じです. /* * # tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか */ var SCREEN_WIDTH = 465; // スクリーン幅 var SCREEN_HEIGHT =
[tmlib.js] tmlib.js でゲームプログラミング始めませんか？ - Qiita
個人的にずっと作ってるゲームライブラリ tmlib.js の紹介です! tmlib.js Advent Calendar 2014 初日の予定だったのにこのタイミングになってしまいすみませんmm ※『国民全員プログラマ化』計画進行中 tmlib.js ってなに？ まずはトップページを見てください. なんとなく分かりますかね？w てかそもそもなんて読むの？って話ですよね. 『てぃーえむ りぶ ドット じぇいえす』と読みます. ざっくり言うと tmlib.js は phiのphiによるphiのためのオレオレライブラリ アイディアを即座に形にできるライブラリ です!! tmlib.js ってどんなことできんの？ グラフィックス描いたり ゲーム作ったり ツール作ったり 具体的にはどんなよ？ 具体的な機能としては コア機能の拡張 (最近 high.js に分離しました) クラス定義, ネームスペース
![[tmlib.js] tmlib.js でゲームプログラミング始めませんか？ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9d6b6863547341dd1ccc5ac283847e4ec4f5bdf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzc1NiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MDcwOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz0yMDg5YWE2OTljNzUzNGQ3YWQzNDM1YjEwMWVhZjRiNQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D13c5b7267dce263002bd941c5ba8f5ba%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCdG1saWIuanMlNUQlMjB0bWxpYi5qcyUyMCVFMyU4MSVBNyVFMyU4MiVCMiVFMyU4MyVCQyVFMyU4MyVBMCVFMyU4MyU5NyVFMyU4MyVBRCVFMyU4MiVCMCVFMyU4MyVBOSVFMyU4MyU5RiVFMyU4MyVCMyVFMyU4MiVCMCVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MSVCRSVFMyU4MSU5QiVFMyU4MiU5MyVFMyU4MSU4QiVFRiVCQyU5RiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWM4NjY1YTMzMmJjYjY2Y2U4MzYxYWNlMjE5OWRmYjYy%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBwaGkmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz03MDBjMjQxM2VlZjc5MTE4ZTA4N2E5YmRhOTBiMzc5NQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dc9363495a55cc6185b04168bc717d515)
tmlib.jsでゲームをつくってみよう！ - Qiita
はじめに 最近、tmlibを使う機会が多いため 簡単なゲームでtmlibのチュートリアル的なものを書いてみようかと思います。 技術ブログ的なことは初めて書くので、見づらいかもです… とりあえず、プログラミングでサンプルが多いブロック崩しを作成！ ちなみに、画像は一切使用せず、図形だけでつくります。 1.どこに書こう プログラムソースとかサーバーに置くの面倒なので、 とりあえず、runStantで書いていきます! runStant tmlib.js の公式エディタツール！ 書いたコードがすぐに実行されるので、 tmlibやhtml5、javascript等をさくっと実行するのに便利。 さらに、書いた内容はＵＲＬで保存できるので、ブックマーク等を使用して いつでも続きから書ける。 runStantはこちら 2.tmlibの準備 最初にrunStantのページへアクセスすると、 下の画像のように
気軽にプログラミングを始められるWebエディタ『runstant』作りました - Qiita
7月19日. 久しぶりの３連休. 予定はぎっしりだった. だが神からのお告げがあった. なんか作れと. 気づいたらオレの指は Macbook Air の薄いキーボードの上だった. ってことで連休中にちょっとしたツール作りました. 気軽にプログラミングを始められるWebエディタです. 名前は runstant. run + instant の略で, インスタントラーメンのように一瞬で気軽に実行できるよって意味です. ログイン不要, サーバー通信なしで一瞬で プログラミングを始めることができます!! 一応, tmlib.js 公式エディタ的な 位置づけなのでデフォルトで tmlib.js のサンプルが入ってます. とりあえず触ってみてください -> こちら 特徴 ログインの必要ないよ 状態を hash で保存するのでサーバー通信しないよ html/css/javascript が書けるよ ちょ
runstant
Aboutrunstant とは, ログイン不要, サーバー通信不要で コーディング, 実行, 保存ができる世界一簡単にプログラミングを始められるツールです. 嘘です. いや世界一以外はホントです. 結構便利です♪ Usage右側にコードを書く`save` ボタン(Command+S) を押す左側に実行画面が表示されますURL にコード情報が保存されますOther右上の html/style/script でそれぞれ編集を切り替えることができます右上の setting でタイトルや詳細の設定ができます右上の share で短縮URLをコピーしたり, twitter や facebook でシェアしたりダウンロードできます.要望や不満, お気付きの点などありましたらこちら @phi_jp の方までご連絡ください. あっあと一応 tmlib.js 公式エディタなので tmlib.js のことも
tmlib 備忘録
tmlib備忘録 ツイート tmlibは0.1.x系と0.2.x系では記法が異なる。2014年4月現在、まとまったドキュメントがないため 個人的によく使う主だった記法を備忘録としてまとめる。 2014.Apr.2 BLZ 関連リソース Download tmlib公式サイト jsdo.it html側の記述 html側の記述は下記のとおり。canvasは自動生成されるわけではないので、 <canvas id="キャンバス名"></canvas>は忘れず書いておくこと。 <canvas id="world"></canvas> <script src="tmlib.js"></script> <script> //ここにスクリプトを記述 </script> Spriteクラス 0.2.x系ではSpriteクラスの引数に幅、高さは不要となった。 インスタンス名 = tm.display.Spr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tmlife
[tmlib.js]tmlib.jsでいい感じにaddChildしてみた - Qiita![[tmlib.js]tmlib.jsでいい感じにaddChildしてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a47bbc786be6aee9b6bcb06cbd406b960171c077/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzExMjclMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODU2MjU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZDBiYmZhMmMzMzg1OWJjZTgwNzM1YmNiMzFlMWRkM2M%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc9a4a97f63f517ba38317d63534c163e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCdG1saWIuanMlNUR0bWxpYi5qcyVFMyU4MSVBNyVFMyU4MSU4NCVFMyU4MSU4NCVFNiU4NCU5RiVFMyU4MSU5OCVFMyU4MSVBQmFkZENoaWxkJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZmZmZjJkZGJlMWMyYjEyM2NlYjNhNjI0ZTA5MDgwZmU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvbWF0b3JvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NjI2ZmY1YTEyNzZhN2QxOTA2MTkzNzlhMWVlOWM4ZGI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D266b7c84f9f945a664699cad56255781)
tmlib.jsで簡単アニメーション - Qiita