読者です 読者をやめる 読者になる 読者になる

CX's Hatena Blog

はてなブログを使ってみるテスト

jsdo.it で試してみたライブラリの一覧

Windows JavaScript Canvas WebGL IE11 Chrome Firefox

昨日の記事の続きです。

jsdo.it を1年間続けて分かったこと - CX's Hatena Blog

f:id:cx20:20140407010220p:plain

jsdo.it で試してみたライブラリをカテゴリ別にまとめてみました。

「→」にあるリンクは各ライブラリに対するサンプルになります。

2D(Canvas 系)

Pixi.js https://github.com/GoodBoyDigital/pixi.js

pixi.js でドット絵を変形させるテスト - jsdo.it

EaselJS https://github.com/CreateJS/EaselJS

EaselJS でレゴっぽくドット絵を作るテスト - jsdo.it

Fabric.js https://github.com/kangax/fabric.js

fabric.js でドット絵を描いてみるテスト - jsdo.it

Paper.js https://github.com/paperjs/paper.js

Paper.js でドット絵を描いてみるテスト - jsdo.it

Processing.js https://github.com/processing-js/processing-js

Processing.js でドット絵を描くテスト - jsdo.it

smart.js http://smartjs.net/

smart.js でドット絵を回転させてみるテスト - jsdo.it

tofu.js https://github.com/suguru/tofu.js

tofu.js でドット絵を描いてみるテスト - jsdo.it

sketch.js https://github.com/soulwire/sketch.js/

sketch.js でドット絵を描いてみるテスト - jsdo.it

Scrawl.js https://github.com/KaliedaRik/Scrawl.js

Scrawl.js でドット絵を描いてみるテスト - jsdo.it

jCanvas.js https://github.com/caleb531/jcanvas

jCanvas.js でドット絵を描いてみるテスト - jsdo.it

2D(SVG 系)

svg.js https://github.com/wout/svg.js

svg.js でドット絵を描いてみるテスト - jsdo.it

Raphaël https://github.com/DmitryBaranovskiy/raphael

Raphael.js でドット絵を描いてみるテスト - jsdo.it

Snap.svg https://github.com/adobe-webplatform/Snap.svg

Snap.svg でドット絵を描いてみるテスト - jsdo.it

two.js https://github.com/jonobr1/two.js

Two.js でドット絵を描いてみるテスト - jsdo.it

Bonsai https://github.com/uxebu/bonsai

bonsai.js でドット絵を描いてみるテスト - jsdo.it

2D物理演算

verlet-js https://github.com/subprotocol/verlet-js

Verlet-JS サンプル - jsdo.it

box2dweb https://code.google.com/p/box2dweb/

box2dweb.js でドット絵を物理演算してみるテスト(その2) - jsdo.it

Matter.js https://github.com/liabru/matter-js

Matter.js でドット絵を物理演算してみるテスト(その1) - jsdo.it

2Dゲームライブラリ

tmlib.js https://github.com/phi-jp/tmlib.js

ピースでドット絵を作ってみるテスト - jsdo.it

enchant.js https://github.com/wise9/enchant.js

enchant.js でドット絵を回転してみるテスト - jsdo.it

2.5D

Obelisk.js https://github.com/nosir/obelisk.js

obelisk.js でドット絵を描いてみるテスト - jsdo.it

isomer.js https://github.com/jdan/isomer

isomer.jsでドット絵を描いてみるテスト - jsdo.it

JSModeler https://github.com/kovacsv/JSModeler

JSModeler でドット絵を描いてみるテスト - jsdo.it

Sprite3D.js http://minimal.be/lab/Sprite3D/

Sprite3D.js で箱庭にドット絵を配置するテスト - jsdo.it

Velocity.js https://github.com/julianshapiro/velocity

Velocity.js でドット絵を動かしてみるテスト - jsdo.it

3D

three.js https://github.com/mrdoob/three.js

Three.js でドット絵を回転するテスト(その1) - jsdo.it

Babylon.js https://github.com/BabylonJS/Babylon.js

Babylon.js でドット絵を回転するテスト - jsdo.it

CubicVR 3D Engine https://github.com/cjcliffe/CubicVR.js

CubicVR.js で立方体を表示するテスト - jsdo.it

PhiloGL https://github.com/senchalabs/philogl

PhiloGL で地球を回してみるテスト - jsdo.it

Away3D https://github.com/away3d/away3d-core-ts

Away3D.js でドット絵を回転するテスト - jsdo.it

seen.js https://github.com/themadcreator/seen

seen.js でドット絵を描いてみるテスト(Canvas編) - jsdo.it

3D物理演算

cannon.js https://github.com/schteppe/cannon.js

ダンボールを落下させてみるテスト - jsdo.it

ammo.js https://github.com/kripken/ammo.js

CubicVR.js + ammo.jsでドット絵を落下させるテスト - jsdo.it

Oimo.js https://github.com/lo-th/Oimo.js

Three.js + Oimo.js でドット絵を落下させるテスト - jsdo.it

番外編

D3.js https://github.com/mbostock/d3

d3.js 力指向グラフで絵を描いてみるテスト - jsdo.it

jsPDF https://github.com/MrRio/jsPDF

jsPDF でドット絵を描いてみるテスト - jsdo.it

xlsx.js https://github.com/stephen-hardy/xlsx.js

XLSX.js でドット絵を描いてみるテスト - jsdo.it

あとがき

だいたい、こんな感じでしょうか。

より体系的にライブラリを探したい方は、

JavaScripting.com - The Database of JavaScript Libraries

の方が整理されていて分かりやすいかも知れません。

github に登録されているプロジェクトしか載っていないようですが。。。)

では、みなさま、良い JavaScript ライフを。