LiquidFunでJavaScript流体シミュレーション. - Qiita
LiquidFunって？ LiquidFunはGoogleが開発している2次元流体演算エンジン. C++で開発されているが、Emscriptenでの変換により、JavaScriptでも利用可能である。 (似たような話が3次元物理演算エンジンのBulletとammo.jsがありますね。ammo.jsはポーティング方法をEmascriptenから見直すらしいですが...) LiquidFun.jsを触ってみよう さて、ここからが本題. http://google.github.io/liquidfun/ にもliquidfun.jsのデモ(testbed)が埋め込まれているが、自分のお勉強もかねて、サンプルコードをガリガリと作成したので、学んだことを書き連ねてみる. 作成したブツ 正三角形・長方形の剛体を液体(紫色と青色のツブツブ部分)にむけて落下させるだけのサンプルである(jsfiddleで
SVGを画像みたいに保存できるD3 Plugin作った - Qiita
D3.jsなどのライブラリの普及によってWebでデータビジュアライゼーションをするということが流行りつつあります。 さて、D3.jsでは主にSVGとして画を描くことになるんですが、書き出されたSVGを簡単に保存して他のドキュメントに貼付けるといった手段がないので困ることがあります。 せっかくSVGで描かれた画をスクリーンショットで保存するのはイマイチですよね。 というわけで、img要素の画像のように右クリックをして保存ができるようなD3 Plugin、d3-downloadableを作ってみました。 インストール bowerにパッケージを登録してあります。 npmも対応しました。(2015/05/12) 使い方 script、cssを読み込んで、svg要素のselectionに対して、downloadable()をcallするだけ。 svg要素を右クリックするとメニューが表示され、SVG、
d3.jsで画像のドラック＆ドロップ、回転、拡大、縮小やってみた - Qiita
d3.jsで画像のアニメーションをやっていきます。 ソースコードはGistにアップしているのですぐ使えるかと思います。 http://bl.ocks.org/ganezasan/914eb5df8b98315897c2 d3とは？ Data Driven Documentの頭文字をとってd3です。データに基づいてドキュメントを操作するための JavaScript ライブラリです。 Mike Bostockさんが作ってくれています。こちらが本家です。 http://d3js.org/ データ可視化のためのJavaScriptのライブラリの１つと覚えて貰えればと思います。 ただし、他のグラフ描画のためのライブラリとは違いがあります。 d3.jsには最初から用意されているグラフのテンプレートがありません。グラフを１から作ることができます。通常だと用意されているテンプレートがあり、テンプレート通り
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
