マウスのアクションに追従するインタラクティブなグラフィックスを描く·Paper.js MOONGIFT
Paper.jsはJavaScriptでインタラクティブなグラフィックスを描くライブラリ。 Paper.jsはJavaScript製のオープンソース・ソフトウェア。HTML5によってCanvasタグがデフォルトでサポートされるようになった。これでWeb上でのグラフィックスの表現力が大幅に向上する。だが高度な表現には高度な技術が伴うものだ。 ベジュ曲線が動くデモ 一つの絵を描くだけならばIllustratorのようなドローソフトウェアで描いてSVG出力するという手もあるだろう。だが本来はもっとインタラクティブなグラフィックスを描きたいと思うはずだ。それを可能にするのがPaper.jsだ。 Paper.jsはJavaScriptとCanvasタグを使ってマウスの動きに追従するようなグラフィックスを描くライブラリだ。実に数多くのデモが登録されており、マウスによってベジュ曲線を描くもの、マウスを追
Googleマップライクに地図操作ができるJavaScriptライブラリ·Leaflet MOONGIFT
Leafletは軽量で地図操作に最適なJavaScriptライブラリ。 LeafletはJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 ポップアップ 今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 クリックした場所で表示 マーカーの他にも円や三角形を描く
URLを動画埋め込み用タグに変換するJavaScriptライブラリ·mb.mediaEmbedder MOONGIFT
mb.mediaEmbedderは各種動画共有サイトのURLから埋め込みタグを生成するJavaScriptライブラリ。 mb.mediaEmbedderはjQuery製のオープンソース・ソフトウェア。ブログやWebサイトなど様々な場面において動画を埋め込みで表示したいというニーズがある。動画共有サイトは多数存在し、それぞれに埋め込みタグを提供している。 例 しかし各サービスごとに仕様が異なるために、動画を貼付ける際に個々に対応しなければならない。これでは効率が悪すぎる。そこで使ってみたいのが差異を吸収してくれるmb.mediaEmbedderというライブラリだ。 mb.mediaEmbedderはVimeo/YouTube/Flickr/livestream/Ustreamといった有名どころの外部サービスに対応し、さらにMP3を埋め込むこともできる。[vimeo=http〜]と言った具合に
実用的。jQuery/Flash製のマルチファイルアップローダー·Transmit MOONGIFT
TransmitはjQuery製のFlashベースのマルチファイルアップローダー。 TransmitはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5では複数ファイルを一括アップロードすることができる。だがそのために既存サイトをHTML5に移行させるのは現実的ではないだろう。そこでよく使われるのがFlashによるマルチファイルアップローダーだ。 ファイルを指定した後の表示 最も有名なライブラリはSWFUploadではないだろうか。だが実際に使う上では色々とコツがいる。もっと手軽に実現するためのライブラリはないだろうかと考えていた所で見つけたのがTransmitになる。何と言ってもjQueryベースなのが良い。 使い方は簡単で、transmitというメソッドとアップロード先のURLを指定するだけで良い。オプションとしてクロスドメインの可否、ファイルタイプの指定、
HTML5+Canvasタグによるアニメーションユーティリティ·gury MOONGIFT
guryはjQueryを使ったCanvasタグ用JavaScriptユーティリティ。HTML5向け。 guryはjQuery/HTML5/JavaScriptによるオープンソース・ソフトウェア。HTML5の登場以来、期待が高まっているのがCanvasタグを使った図形描画だ。これまでは画像やFlashでしか作れなかったような描画がJavaScriptのみで、さらにインタラクティブに動かせるものが作成できる。 ゲームのデモ とは言え実際にどのようなことができるのかは実体験を通してからしか学べない。こんなことまでできるのか、という衝撃を覚えれば自分でも作ろうと思うだろう。そんなCanvasタグの操作を身近にしてくれるのがguryだ。 guryはjQueryを使ったCanvas用ユーティリティライブラリだ。多数のデモが登録されている。例えばボールが飛び交うもの、色が変わるモザイク、同じ色の隣り合っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
