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

  • 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

Moleskine Plain Notebook Large

アイデア帳として。

AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付) Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付) ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。最後のはPHP連携デビューにオススメの洋書。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced) Flash and PHP Bible (Bible (Wiley))
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)

Return to page top