haraです。 wonderfl、毎日面白い作品が次々投稿されていますが、過去の作品を探したり振り返ったりするのは若干やりにくい感じもします。 なので、ここでwonderflで過去に出てきた作品を振り返る、という試みをしてみます。 今回紹介するジャンルはParticleです。 過去に投稿されたParticle関連の作品を独断と偏見で選んで紹介いたします。 Liquid10000 まずは zin0086さんのLiquid10000です。 これは、かの有名なパーティクル祭の引き金となった作品。※パーティクル祭に関しては、ClockMakerさんの記事が詳しいです 10000ものパーティクルを動かしています。元ネタはfladdictさんがFITCで発表した作品ですが、これはその作品をもとに自身で考案されたもののようです。 この作品の特徴は、PerlinNoiseで発生させた色をパーティクルの速度

ヤフーの画像はなぜyimg.jpドメインなのか？ サイト高速化の手法とヤフーの失敗例 でヤフーがなぜドメインを変えて画像サーバを運用しているかが書かれている.「静的なコンテンツに対してクッキーフリードメインを使うことによって速度向上を狙う」というのが理由とあって,これはこれでもちろん正しいのだけれど,これはどちらかというと副次的な理由で本当の理由は違う. クッキーフリードメインを使うことで悪意あるFlashコンテンツなどから自社ドメインのクッキーを守るためというのが本当の理由で,これはあちこちで使われているテクニックだ.Flashコンテンツは外部の業者さんに作ってもらったり,広告の入稿素材として入ってくるので,信頼できないデータとして取り扱う必要があり,万一まずいデータがアップされることがあっても大丈夫にしておく必要がある. 最近ユーザからの任意のコンテンツを受けつけて同一ドメインで配信し

実は知らなかっただけという話でもあるが、便利なのでご紹介。FreeMindはJava製のアプリケーションとあって、Webブラウザベースでもアプレット経由でマップを操作することができる。FreeMindがサーバ化する機能なのだが、Javaというのがネックで動作が重たくいまいち流行っていない。 FreeMindのファイルを表示するFlashビューワー 大方のニーズとしてブラウザでマインドマッピングを操作したい訳ではない。ただ閲覧したいのだ。その目的であれば使えるのがこれだ。 今回紹介するオープンソース・ソフトウェアはFlash browser for FreeMind、FreeMindのデータをFlashで見るためのビューワーだ。 Flash browser for FreeMindはJavaScriptとFlashで簡単にFreeMindのデータを閲覧できる。再現性は意外と高く、日本語の表示

仕事で韓国系企業のサイトをデザインすることになった。 担当者である社長と打ち合わせをしたが、彼は日本の企業サイトはあまり好きではないらしい。 ターゲットが日本人なので、日本人向けのデザインの方がいいと思うのだが、 それを説明した上でも、韓国っぽいものの方がいいという。 じゃー韓国のサイトのデザインで調べて参考にするかと、.co.krでググってみた。 韓国ではFirefox 3が使い物にならない理由 とあるので、そこそこ覚悟はしていたが、やはり酷かった。 とりあえず、制作の役に立ちそうな特徴からピックアップしてみる。 ・ページ毎にメインカラーを変える傾向が強い。 例：http://www.grandhotel.co.kr/ ・とにかくFLASHを使う。グローバルナビでは、FLASH必須。しかもサブナビが下一列に出る。 例：http://www.sst.co.kr/ ・各ページのメインイメージ

wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

Flash Player 10のプレリリースが発表され、ますますActionScript3界隈が盛り上がる今日この頃、皆様いかがお過ごしでしょうか？ この連載では、Box2Dという物理エンジンを使ったActionScript3プログラミングについて解説します。物理エンジンといっても、難解な数学や物理法則を理解する必要はありません。そういった処理はBox2Dが包み隠してくれます。Flashのデモを見ながら、少しずつBox2Dの使い方を理解していきましょう。 第1回ではまったくプログラムは書かず、Box2Dに付属しているサンプルをコンパイルして実行します。まずは動くものに触ることで、物理エンジンって楽しそうだなと思っていただければ幸いです。 なお、筆者の開発環境がWindowsなので、諸々の説明がWindows前提となってしまいますが、Mac OS Xなどでも開発することはできます。その際は、

ブログなどで見かけるソーシャルブックマークボタン。HTMLベースのWebサービスでよく見かけますが、キャンペーン系などのFlashサイトで見かける事はありません。話題作りを目的とすることが多いにも関わらず、SEOに弱いFlashサイトこそ実装するべきではないかと考えています。 例：先日立ち上げたテキストエディタとSDKで作ったフルフラッシュサイトのフッターに実装 フラッシュサイト立ち上げたのにPVが伸びない、そんなクリエイターも多いんじゃないかと思います。少しでもアクセス数増加が見込めれば、モチベーションも高まるというもの。今回のブログでは、ブッマークボタンを追加するメリットから実装方法まで紹介してみたいと思います。 まずはメリットから紹介します。 Flashサイトに実装する理由 SEOの不利を補うため、ページランクの強化ができる 被リンクを増加させて誘引の導線作りができる 一時的な話題作

JavaScript - サーバー間で双方向のRPC通信を行う技術は「Aerial」（エアリアル）という名前になりました*1。アイディアを出していただいた皆様、ありがとうございましたm(_ _)m Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。 サーバーから直接JavaScriptのコードを呼び出したり、逆にJavaScriptからサーバー側のメソッドを呼び出したりできるので、通信の内容を意識する必要がなく、バグの混入を抑えます。RPC成分入り！ ライブラリを開発するときも、HTTPやブラウザ間の実装の違いを意識する必要も無く、ごく普通のTCP接続で通信を行うので、Come

上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ