[Web][CreateJS] EaselJS のフィルターを使う

今度はフィルターをテストしました。

2点引っかかった個所。

1. easeljs-0.5.0.min.js には、フィルター関連が入っていない
2. AlphaMaskFilter が正常に動作しない？

1. は、そのままです。

easeljs-0.5.0.min.js の中には、フィルター関連は一切入っていません。

使用する為には別途読み込む必要があります。

（2012/12/07 現在）

jsdoit でコーディングしていたので、どうしたもんかと思いましたが

フィルター関連のjsをそのままファイルでアップロードして、URL をscriptタグで読み込んで解決できました。

2. は Githubの最新版では既に修正されていますが

EaselJS 0.5.0 パッケージのソースでは、AlphaMaskFilter がバグっています。

具体的には

AlphaMaskFilter.js
line:81
if (!mask) { return true; }
↓
if (!this.mask) { return true; }

です。

Chrome で jsdoit デバッグしてやっと分かりました・・・。

以下は作ったもの。

サンプル

[Web][CreateJS] TweenJS を試す

最近 JavaScript していたと思ったら CoffeeScript を弄っていた。
いいですよ。Coffee。

さて、CoffeeScript で CreateJS を動かす事が多いのですが、最近 TweenJS を触りました。

大まかな僕の理解では、

• 指定した時間で、あるパラメータを補間する（Rotate,Translate,Scale）
• よく使われる補間方法はプリセットが用意されている
• メソッドチェーンで、簡単に補間アニメーションを繋げられる
• 途中ウェイトを入れる、コールバックを呼ぶ。といった事が簡単

という感じです。

とりあえず補間方法のプリセットを一通り jsdoit で動かしてみたサンプルは以下

サンプル

ちょっとメソッドチェーンの魅力が分かった気がします。

[Web] Heroku を使おう

最近JavaScript+HTML5してます

ローカルでも動作確認できるけど、人に見せたりするのに便利なので
Webでアクセスできるようにしたいなぁ・・・と思い、詳しい同僚に聞いたら面倒くさそうに教えてくれました

こちらのサービスを使います

Heroku
http://www.heroku.com/

Heroku -> へーろく -> へいろく -> 平禄？
って思ってたらそんな事はなかった。読み方は「ヘロク」だそうです
参考：https://groups.google.com/forum/?fromgroups=#!topic/heroku-ja/5VuJ9GVn2i4

変な外人テンションの和風のサイトですが、便利なのです
どういうものかと言うと、Webアプリ実行環境を手軽に用意してくれるクラウドサービスで、基本無料です
5MBのDBもついており、練習、テストには持って来いな感じです

より細かい説明はググると色んな偉い人が説明してくれていますので、
実際に使うまでの手順やらだけ書いていきます

なお、今回の目標は
Herokuサーバのとあるパスにhtmlファイルを置き、そこでJavaScriptを走らせる＆公開する事です
phpアプリとして登録して、その実phpは使わずにhtmlを置くだけです

--------------------------------