2011年4月2日土曜日

ウェブ上でアバターチャットをつくってみたいと思います。

ウェブサイトにJavascriptタグをいれると、そのページに対してちょっかいをかけることができます。

塊魂のHtml5Hackのページでもこの方法を利用して、塊魂をウェブページ上にだしています。
これ利用すると、あらゆるウェブページ上でいろんなことができます。
で、ここ数日google app engineを利用してちょっとしたものをつくってみました。
作成中のもの (Google Chromeのみ動作すると思います。)
右クリックした場所にキャラクターが移動していきます。
ページ上を歩き回ることができるようになってるとおもいます。

javascript:var i=0,d=document,s,ss=['http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js','http://poepoemix.appspot.com/webHack.js'];l();function l(){if(i<ss.length){s=d.createElement('script');s.src=ss[i++];s.onload=l;d.body.appendChild(s);}};void(0);
これをコピーして、ブラウザのアドレスバーにペースト、実行すると、任意のページにキャラクターを呼び出すことができます。
(相性問題もあると思うので、動作しないとこもあるとおもいます)


画像の作成能力はないので、First Seed Materialで公開しているRPGツクールのキャラクターを使わせていただきました。

18:52呼び出しJavaScriptを変更しました。

21:18さらに呼び出しJavaScriptを変更しました。

0 件のコメント:

コメントを投稿