Home > 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>

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

Comment:6

No Name 2007-05-23 (水) 01:30

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

tera 2007-05-23 (水) 06:10

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

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

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

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

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

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

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

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

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

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

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

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

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

Trackback:0

TrackBack URL for this entry
http://www.trick7.com/blog/mt-tb.cgi/544
Listed below are links to weblogs that reference
ブログパーツ「ジョネレーター」を作ったよ from trick7.com blog

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

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top