tmlib.js ゲームプログラミングチュートリアル – 今流行のフラットデザインを使ったタッチゲームを作ろう | TM Life
先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました. これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました. 本当にありがとうございます. ただ, ここで一つ問題が… tmlib.js には公式のチュートリアルというものがないのです!! せっかく触ろうとしてくれてる人がいるのに, それを学ぶための公式資料がない… 本当に申し訳ない. 怠惰な自分に反省!! ってことで今回は Step by Step で tmlib.js を学びながらゲームを作ることができる チュートリアルを書いてみました. よかったら参考にしてくださいな♪ 最近何かと話題のフラットデザインを取り入れています. すいません, まだ
tmlib.js 怒濤の 100 サンプル!! – Graphics(HTML5 Canvas) 編 | TM Life
tmlib.js のハッカソンイベントをやることになりました!! っということでそれまでにバンバン tmlib.js のエントリーを投稿していこうと思います. 今回はその第一弾! Graphics(HTML5 Canvas) 編です. このサイトでお馴染みの怒濤シリーズ. tmlib.js の Graphics 周りの機能についてのサンプルを作りまくってみました. 怒濤って何？って方はこちらをどうぞ enchant.js 怒涛の 100 tips CoffeeScript 入門! 怒濤の 100 サンプル!! tmlib.js で定義されている tm.graphics.Canvas クラスは HTML5 Canvas を拡張したものなので HTML5 Canvas の機能は基本的にそのまま使えます. なので HTML5 Canvas の勉強にもなるかと思います. また, それに加え星型や多
超簡単♪ tmlib.js の Canvas クラスを使って様々な図形を描画しよう!! | TM Life
今回は tmlib.js を使って様々な図形を描画する方法について紹介します. tmlib.js ってなんぞや？って方は『JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました.』へ. GitHub Docs tmlib.js は標準の HTML5 Canvas をラップして機能を拡張しているので 様々な図形を簡単に描画することができます. 単純な図形描画の他にもグラデーションをかけたり, フィルターをかけたり 画像として保存したりってことも簡単にできるのでぜひ使ってみて下さい. もちろんサンプルは jsdo.it で作成しています. なので, 実際に動かしたり fork してコードをイジったりしてもらえると嬉しいです. Table of contents サンプル & コード 解説 四角形描画 三角形描画 円描画 スター描画 魔法陣サンプル その他機能
[New] JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた | TM Life
以前『JavaScript ライブラリ tmlib.js で円同士の衝突プログラムを作ってみた』 というエントリーを書いたのですが, tmlib.js の仕様が色々と変わってしまい動かない状態だったので, 修正しました. よかったら参考にしてください. 自作ライブラリ tmlib.js を使って, 円同士の衝突プログラムを作ってみました. やっているのは, 円同士の衝突判定 めり込みの補正 衝突後の反発 です. ちゃんと計算するなら, 衝突時間を調べてその分ベクトルの長さを調整して… ってやんないといけないのですが, 速度的に問題があるってのと難易度が上がってしまう(ホントはめんどくさい)のでちょっと省略しています. サンプルは jsdo.it の方に移植してあるので, 実際に 動かしたり, fork してイジったりして頂けると嬉しいです. Table of contents Code T
本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life
最近, JSX やら enchant.js やら arctic.js やらで JavaScript 界隈はすごく盛り上がっています. そんな中, 私自身も一石を投じようと本日 JavaScript ライブラリ 『tmlib.js』を公開しました!! リニューアルって言った方が良いのかな？ 実際には, ２年前に作っていたライブラリ 『tmlib』 を大幅に改良したものになります. 私一人でコツコツと作っていたものなのでクォリティは低めです. 誰か協力してくれー!! コンセプトは『JavaScript をより使いやすく, より便利に, そしてより豊かに』とざっくりとした感じ. やってることは 生成時に new がいらない class 定義の仕組みを作ってみたり jQuery ライクに DOM を扱えるようにしたり ajax 機能をサポートしてみたり HTML5 Canvas をラップして使いや
HTML5 マークアップ入門 | TM Life
これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
