「Booom」というjQueryプラグインを使って集中線を画像に追加してみました。

集中線を画像に追加できる「Booom」というjQueryプラグインがあります。画像を用意するだけで、簡単に「漫画カメラ」で撮影したような集中線を書き込むことが出来ます。

集中線を追加するjQueryプラグイン「Booom」がバージョンアップ
http://stackstock.net/archives/2252/

いくつかの写真に集中線を入れてみました。

「Booom」を使って集中線を画像に追加
http://www.vivo-win.com/booom/

集中線の中心をパラメータで指定できるようなので、画像の真ん中を外れた位置に集中したいものがあっても、使えるようです。 

arbor.js | インタラクティブにグラフィカルなグラフ操作が行えるjQueryを使ったライブラリ

arbor.jsというjQueryを使ったライブラリがあります。

arbor.js　Arbor is a graph visualization library
http://arborjs.org/

 

 

データの構造、関連性を理解するのに、こういった表現があれば、分かりやすいと思います。要素を移動させることにより、関連のある要素も一緒に引っ張られて動くので、関連性が強調されて意識されます。

デモの中でも、halfvizというデモが面白いです。

arbor.js » halfviz

http://arborjs.org/halfviz/

右のコードエリアに、NodesやEdgesの情報を、指定の記法で記述をすれば、すぐにインタラクティブに画面に反映されます。記法については、コードエリアの上にある「syntax reference」を見れば分かります。

構造が複雑な内容を表現する時に使えそうなライブラリです。

YouTubeの動画をウェブページの背景に表示する「tubular」という、jQuery Pluginを使ってみました。

YouTubeの動画が背景に表示されるページの出来る「tubular」という、jQuery Pluginがあります。

tubular
http://www.seanmccambridge.com/tubular/

YouTubeにアップしていた「とっとり花回廊バードフライトショーの鷹の飛ぶ様子」という動画をつかってサンプルファイルを作成してみました。

とっとり花回廊バードフライトショーの鷹の飛ぶ様子
http://www.vivo-win.com/jQuery_tubular/

動画の再生、一時停止、音量の制御も出来ます。

このページで表示している動画は、スマホで撮影した動画なので、画質は荒いです。一眼レフカメラで撮影した動画であれば、きめの細かい画質の動画を背景に出来るので、綺麗に見えると思います。