最新版 FPS を表示する JavaScript ライブラリ 『Stats.js』 の使い方
半年ほど前に『FPS を表示する JavaScript ライブラリ『Stats.js』 の使い方メモ』 で Stats.js の使い方を解説しました.
最新版を見ると, ちょっと仕様が変更されていたので改めて解説書きました.
また, サンプルをjsdo.itでも見られるようにしています. 実行したり fork して負荷テストして遊んでもらえると嬉しいです.
Read MoreCoffeeScript 入門! 怒濤の 100 サンプル!!
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います.
ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです.
- node.js 不要! Windows でも簡単に CoffeeScript を使う方法
- jsdo.it で CoffeeScript を使う方法
- CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた
- CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪
今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました.
プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世界です!!
全てサンプルは jsdo.it の方に移植してあるので, 実行してみたり fork してイジってみたりして 遊びながら学んでもらえれば幸いです.
{ } }
{ { }( (
{ { { { {
{ } }{ { }
{ }{ } } _____ __ __
{ }{ }{ { ) ) / ____| / _|/ _|
.-#{#{#}##{#}} -. | | ___ | |_| |_ ___ ___
(##(#}#{#}#{#}#}##) | | / _ \| _| _/ _ \/ _ \
|#-.._________..-#| | |___| (_) | | | || __/ __/
|#################| \_____\___/|_| |_| \___|\___|
|#################;--.
|################(__ \ _____ _ _
|#################| ) ) / ____| (_) | |
|#################|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪
またまたまた前回に引き続き CoffeeScript についてのエントリーです.
今回は, タイトルの通り CoffeeScript と gl.enchant.js を使って 15 分で 3D ゲームを作ってみました.
作ったゲームは以前書いたエントリー『gl.enchant.js を使って 10 分で 3D ゲームプログラミングしてみた. んで, その様子をビデオキャプチャーしてみました!!』で 作ったゲームと同じです.
狙いとして「 JavaScript で 10分掛かったけど, CoffeeScript だと 5分で作れちゃったよ～」ってエントリーにしようと考えていたのですが 何分 CoffeeScript はまだ不慣れなもので 15分も掛かってしまいましたw
ただ, 慣れさえすれば Python のように流れるようにコードを書けるのでいくつかゲームなりツールなり作ればホントに 5分とかで 作れるようになるのかなというのは感じました.
お蔵入りしようとも考えたのですが, JavaScript のコードを見比べてもらえれば勉強にもなるかなと 思い公開しました.
作ったゲームのコードや作っているところをキャプチャした動画もあるので よかったら参考にしてください.
} (
{ { }
} }{ {
{ }{ } } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
|#-..________ ..-#;--.
|################(__ \ _____ _ _
|#################| ) ) / ____| (_) | |
|#################|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた
またまた前回に引き続き CoffeeScript についてのエントリーです.
今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました.
CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので コードを見比べてみると面白いかもしれません.
{ }
} }{ {
{ }{ } } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
|#-..________..-#(__ \ _____ _ _
|#################| ) ) / ____| (_) | |
|#################|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More jsdo.it で CoffeeScript を使う方法
前回に引き続き CoffeeScript についてのエントリーです.
今回は jsdo.it で CoffeeScript を使う方法を紹介します.
HTML5 Canvas を使ったサンプルもあるよ♪
} }{ {
{ }{ } } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
| (__ \ _____ _ _
| | ) ) / ____| (_) | |
|#-..________ ..-#|/ / | (___ ___ _ __ _ _ __ | |_
|#################( / \___ \ / __| '__| | '_ \| __|
|#################|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More node.js 不要! Windows でも簡単に CoffeeScript を使う方法
最近 CoffeeScript 関連のエントリーが私のRSSリーダーにひっきりなしに流れてきます. どうやら流行っているらしい.
github で話題になったころに少し触ったくらいでのめり込みはしなかったのですが, 無視できない存在になりつつあります. 今更感満載ですがお手軽に CoffeeScript を試す方法を紹介しようと思います.
”導入するかどうかはさておき, とにかく CoffeeScript を触ってみたい”って人向けの方法です.
{ } _____ __ __
}{ }{ { ) / ____| / _|/ _|
.- { { } { }} -. | | ___ | |_| |_ ___ ___
( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \
|`-..________ ..-'| | |___| (_) | | | || __/ __/
| | \_____\___/|_| |_| \___|\___|
| ;--.
| (__ \ _____ _ _
| | ) ) / ____| (_) | |
| |/ / | (___ ___ _ __ _ _ __ | |_
| ( / \___ \ / __| '__| | '_ \| __|
|#-..________ ..-#|/ ____) | (__| | | | |_) | |_
|#################| |_____/ \___|_| |_| .__/ \__|
`-#############-' | |
|_|
Read More