Quantcast
Channel: TM Life » JavaScript
Browsing latest articles
Browse All 10 View Live

Node.js のパッケージ管理ツール npm と package.json の使い方

前回 nvm を使った Node.js, npm のインストール方法 について紹介しました. 今回は Node.js のパッケージ管理ツール npm の使い方と packcage.json の活用方法について紹介します. npm の使い方をマスターすれば, 自作の Node.js パッケージを 公開したり, Node.js を使ったプロジェクトをキレイに管理できます. ぜひ参考にしてください....

View Article



JavaScript のコードからモダンなドキュメントをさくっと生成してくれる『JSDuck』の使い方 –導入編

今回は, JavaScript のコードから洒落乙なドキュメントをサクッと生成してくれる 『JSDuck』について紹介します. コード中のコメントやコードを解析して 見やすくて使いやすいドキュメントを生成してくれます. 実は私が開発しているJavaScriptライブラリ『tmlib.js』のドキュメントも JSDock を使って生成していたりします.Docs...

View Article

[JavaScript]for 内でイベントリスナとか登録するときにやっちゃいがちな間違い. とその対処法を3つほど.

つい先日, というか今日, @webryone さんからのコードレビュー依頼を受け @awebprogrammer さんとレビューしてたときに見つかったバグが あまりにもあるあるw だったのでエントリーとして書かせて頂きました.(許可済) そのバグというのは, for 内でイベントリスナを登録する際に 関数と関連づけられていない変数を使ってしまい最後の変数を参照してしまうというものです....

View Article

tmlib.js ゲームプログラミングチュートリアル –今流行のフラットデザインを使ったタッチゲームを作ろう

先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました. これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました. 本当にありがとうございます. ただ, ここで一つ問題が… tmlib.js...

View Article

tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step00 ゲームのひな形を作ろう

まず最初に tmlib.js でゲームを作る際のひな形を作っていきます. とても簡単なので気軽にやってみてください. Table of contents チュートリアル目次 サンプル ソースコード 解説 チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル)←いまココ Step01 ピースを定義して並べよう (サンプル) Step02...

View Article


tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step01 ピースを定義して並べよう

ピースクラスを定義して画面上に敷き詰めていきます. いっきに見た目が派手になる楽しい Step です. Table of contents チュートリアル目次 サンプル ソースコード 解説 チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル)←いまココ Step02 ピースのタッチ処理とゲームクリア処理を実装しよう...

View Article

tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step02 ピースのタッチ処理とゲームクリア処理を実装しよう

今回は, ピースをタッチした際にひっくり返るようにして, 更にすべてタッチし終わったらスコアを表示するようにします. この Step でなんとなくゲームとして遊べるようになります. Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう...

View Article

tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step03 UI を実装しよう

ここからは後半の Step となります. ゲームに UI を追加してより遊びやすくしてきます. Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02 ピースのタッチ処理とゲームクリア処理を実装しよう (サンプル)...

View Article


tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step04 タイトル画面とリザルト画面を追加しよう

今回はタイトル画面とリザルト画面を実装してきます. tmlib.js のシーンの切り替え機能を上手く使えば簡単に実装することができます. Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02...

View Article


tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step05 BGM, SE を鳴らそう

これが最後の Step となります. 音を読み込んで再生することで 一気にゲーム感が増します! Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02 ピースのタッチ処理とゲームクリア処理を実装しよう (サンプル)...

View Article
Browsing latest articles
Browse All 10 View Live




Latest Images