2012年4月17日火曜日

jsdo.it で avatar.enchant.js を使うには


enchant.js にはキャラや背景を手軽に使うための仕組みである
avatar.enchant.js というものがあります。

どんなものかというのはこのへんを見てもらえると分かるかと思います。
http://wise9.jp/archives/7060 とか
http://osakijs.blogspot.jp/2012/04/avaterenchatjs.html とか(ステマ)

こんなに便利な avatar.enchant.js ですが、現在 jsdo.it の Majjor Library にはありません。
(遠からず入るかと思いますが)

でも使いたいよーという紳士淑女の方々がいらっしゃると思いますので
こうすると使えるよ!というのが今回の記事の趣旨です。いざ本題へ。

1. まず avatar.enchant.js を用意します
  1.1 Start coding して JavaScript タブに avatar.enchant.js のコードをまるっと貼り付けます
      (https://github.com/shi3z/enchant.js の plugins 以下にあります)



  1.2 背景やモンスター画像を使いたい人は Files に画像を追加しておきましょう
      (https://github.com/shi3z/enchant.js の images 以下にあります)














  1.3 保存します

2. 上記で作成した avatar.enchant.js を使います
  2.1 Start coding して Add Library で enchant.js を追加します

















  2.2 Add Library で avatar.enchant.js を追加します(「1.」で作成したもの)

















  2.3 enchant.js のコードをもりもり書きます









(」・ω・)」うー!(/・ω・)/にゃー!

0 件のコメント:

コメントを投稿