canvas要素とCSSで射影変換

defghi1977

License: MIT License

Fork
0
Fav
0
View
478
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 89 lines
  • HTML 1 lines
  • CSS 11 lines
以前作った
CSS transform3dをサポートする行列オブジェクト
http://jsdo.it/defghi1977/myUy
をリライトしたもの

射影変換に必要な逆行列の演算に特化したことで100行に満たないコードで実現可能となった.
この他にWebGLへ応用することも出来ると思う
(つーかcanavs2Dでの射影変換はピクセル操作が重すぎなのでおすすめできない)
  • canvas要素とCSSで射影変換
  • canvas要素とCSSで射影変換

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

defghi1977

Author

svgはいんすぴれーしょん http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo.htm 重箱の隅っこをつっついて,にんまり. ドキュメントにまとめて,にっこり.

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags