ブログパーツ「ジョネレーター」を作ったよ

  • 2007-05-22 (火) 19:40
  • flash

jonerator.jpg

でかすぎるブログパーツ「ジョネレーター」を制作しましたよ。

WebカメラのついているPCでしか楽しめないのですが、興味ある方は遊んでみて下さい。

リスペクトのある人しか、分からないような操作説明に留めておきました。しばらくの間は、あえて操作方法は控えておきますので、皆さん頑張ってみて下さい。

これが、バズの力でしょこたんに届くように祈ってます。

6/8追記:
ブログパーツ「ジョネレーター」の取説」を書きました。そちらの記事で使い方を解説しております。

ここに jonerator.swf が表示されるはずです。

以下、今回悶々とした箇所:

この間、ローカルにダウンロードする方法を皆さんにご教授いただきましたが、今回はブログパーツとして配布したかったので、とりあえずAS2にて作りました(AS3から逃げた?w)。そのせいか、画像のエンコードに時間がかかるようです。AS3で作り直したら速くなるんでしょうね。

ダウンロードした画像は(意味なく)携帯電話の待ち受けとして使えますよ。サーバー上に画像コピーを生成しないセキュアな方法を、会社の大先輩に教えていただいて、PHP の素敵さを知りました。

動体検知の精度をもっと高めるために、凄腕クリエイターさん達が作られた認識エンジンを使うべきでしょうが、僕には難しそうだったので、標準の Camera クラスのメソッドで作り込みました。β版ということでご勘弁を。

BitmapData の処理を基礎レベルから勉強しました。ColorMatrixFilter や paletteMap 等、未知の世界でした。興味のある方は最近の僕の del.icio.us をご覧ください。

ソースが汚すぎるので、見せられるレベルになったら公開&解説します。

ところで、ブログパーツ配布の際に、コピペして使ってもらえる貼付けコード(JavaScript)って、絶対パスを使って:

<script type="text/javascript" src="http://www.trick7.com/js/swfobject.js"></script>
<div id="jonerator">
ここに jonerator.swf が表示されるはずです。
</div>
<script type="text/javascript">
var so = new SWFObject("http://www.trick7.com/jonerator/jonerator.swf", "jonerator", "240", "340", "8", "#ffffff");
so.write("jonerator");
</script>

じゃダメなんでしょうか?試しに貼付けていただいて、動作のご報告等いただければとても嬉しいです。

Comments:7

匿名 07-05-23 (水) 1:30

http://futa.tumblr.com/
うごいたヨー

tera 07-05-23 (水) 6:10

でかいのに貼っていただいて&動作報告ありがとうございます。
ノーヒントで気付いてくださって嬉しいです。

カメラのないPCで見ると、ちょっとアレが出てしまいますね。

むらけん 07-05-23 (水) 16:30

カメラないので挙動のスクリーンショット見た~い。
カメラ買おうかな。動体検知サイトみたいのも作ってみたいです。

tera 07-05-23 (水) 21:29

むらけんさん
コメントありがとうございます。
ちょっとスクリーンショット公開しちゃうと、気付いた時の喜びが半減しちゃうんで、またお会いした時にじっくりとご紹介させてくださいませー。
よろしくです。

高崎 洋介 08-06-11 (水) 23:38

はじめまして。
「ジョネレータ」拝見しました。
この機能を携帯で使いたいというお客がいるのですが、
Webサービスのような形で、有償で提供していただくことは可能でしょうか?
もしくは、ソースコードのご提供でも構いません。

以上、よろしくお願いします。

tera 08-06-14 (土) 18:18

>高崎さま
はじめまして。コメントありがとうございます。
「この機能」と仰る範囲がちょっとよく分からないのですが、
・現状、Flashから携帯電話のカメラにアクセスすることはできませんので、携帯コンテンツには使えないと思います。
・「ジョジョ」っぽさは勝手に拝借しているので、商用的な利用になってくるとその部分(ジョジョらしさ)のご提供はできません。

携帯カメラにエフェクトを合成となってくると、ユーザがカメラで撮った画像をサーバに送信して加工してユーザに返す仕組みになってくるかと思います。(Flashを使わない実装になります。)
http://onigiri.tv/
のような感じだと思います。
となると、Flashしか知らない僕ではお力になれないかもしれません。
よろしくお願いいたします。

Devilod 08-11-17 (月) 19:50

ジョネレータ、設置させていただきましたー。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/05/22-194025.php/trackback
Listed below are links to weblogs that reference
ブログパーツ「ジョネレーター」を作ったよ from trick7
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top