Fork
0
Fav
0
View
1675
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 71 lines
  • HTML 7 lines
  • CSS 11 lines
jCanvas.js でドット絵を描いてみるテスト

jCanvas.js は HTML5 Canvas を jQuery ライクに使えるようにする jQuery のプラグインのようです。
試しに使ってみました。

<対応した点>
・drawRect() でドット絵になるように□を配置。

<参考>
■ caleb531 / jcanvas
https://github.com/caleb531/jcanvas
■ jCanvas jQuery meets the HTML5 canvas
http://calebevans.me/projects/jcanvas/
■ HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」
http://codezine.jp/article/detail/7903

<関連>
○○ でドット絵を描いてみるシリーズ(2D / Canvas 編)
■ pixi.js でドット絵を変形させるテスト
http://jsdo.it/cx20/3vKz
■ EaselJS でレゴっぽくドット絵を作るテスト
http://jsdo.it/cx20/dn25
■ fabric.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/kDI6
■ Paper.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/cCQb
■ Processing.js でドット絵を描くテスト
http://jsdo.it/cx20/in7V
■ smart.js でドット絵を回転させてみるテスト
http://jsdo.it/cx20/ezKj
■ tofu.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/8XuA1

○○ でドット絵を描いてみるシリーズ(2D / SVG 編)
■ Raphael.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/32yJX
■ svg.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/fnHA
■ Two.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/pc42
■ Paper.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/cCQb
■ fabric.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/kDI6
■ bonsai.js でドット絵を描いてみるテスト
http://jsdo.it/cx20/vhj6
  • jCanvas.js でドット絵を描いてみるテスト
  • jCanvas.js でドット絵を描いてみるテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags