Flash, HTML5 Canvas + OpenCV

前回はWSGIアプリケーションからOpenCVを利用する例を挙げましたが、今回はクライアントをFlashとHTML5の両方で試してみます。といっても特別なことをする必要はなくて、公開されたURIからリソースを取得すればいいだけです。 、、 ということで既に先が見えて飽きてしまいましたが、簡単なデモと方針だけでも気力を振り絞って書いておきます。後はアプリ層の方々におまかせ;; OpenCVはPythonバインディングを使いますので、この部分は前回と同じくFlaskを使うことにします。クライアントが…

HTML5 playground

このブログ上からわざわざ個別にページを辿ってもらうのは申し訳ないので、 HTML5関連デモのまとめページを作りました。(ただのリンク集ですが;;) こちらから: HTML5 playground 今までに作ったCanvas(+ Web Workers)関連のデモをまとめています。 Firefox4が正式にリリースされ、より高度なAPIを試す機会も増えてきたので、 時間を作ってどんどん試していきたいと思います。

AS3でFunction.bind()

今回は久しぶりにActionScript(ECMAScript)関連を。 ECMAScript 5では Function.prototype に bind() メソッドが追加されます。 (JavaScript 1.8.5 で実装、ChromeやFirefox4などでは既に利用可能) Function.apply() や Function.call() と同じように利用できるので、 また一つ強力な技が備わったという感じでしょうか。 有名なJavascriptライブラリ prototype.js 由…

wonderfl,jsdo.it Meetup #1 行ってきた

wonderfl,jsdo.it Meetup #1 補欠繰り上がりになったので参加させていだたきました。 僕の本業とはかけ離れた層の方々がFlash,HTML5について様々な話をしていました。 普段は地面の下を潜って水道管を整備してるような立場で仕事してるので、 今回は制作サイドの方々に感性を刺激され、モチベーションが上がっていくのがわかりました。 たぶん。 制作サイドの知識はほとんどない自分ですが、 これを機にちょこちょことFlash, HTML5について勉強していきたいと思います。 手始め…

Javascriptでカラーヒストグラム

画像のカラーヒストグラムをJavascriptで。 jsdo.it:Color Histogram using Web Workers – jsdo.it サイト内:HTML5 Color Histogram using Web Workers Web Workers を利用しています。 Workerプロセスに画像データを渡し、Worker内部で各チャンネル毎にヒストグラムを計算して返却。 通常のWorkerでは、Workerインスタンスとバックグラウンドプロセスが1対1で対応してい…

Javascriptで3D入門

>> My 3D Library Test – jsdo.it 3D表現にはあまり詳しくないのですが、Javascriptの勉強ということで3Dライブラリを書いてます。 jsdo.itの文化に合わせてビジュアル的な要素を持ったサンプルで試していこうと。 Actionscript3.0ネイティブとPapervision3DライブラリのAPIを両方参考にして書いたので、 クラス設計も曖昧で試行錯誤中ですが、そこも含めて少しずつブラッシュアップしていこうと思います。 以前、jsdo.itに…

jsdo.itで遊ぶ

jsdo.it – share JavaScript, HTML5 and CSS wonderflのHTML5版、おもしろいですね。 JavascriptだけでなくHTMLやCSSも編集できるので、制作さんのマークアップの練習にも利用できます。 wonderflとの一番の違いは、その利用者層の広さだと思っています。 前述のように制作さんでもHTML+CSSのプレイグラウンドとして利用できるし、 デベロッパのJavascriptの書き方も人それぞれで幅広く、見ていて飽きません。 手続…