Forked from: verytired's Test Particle used ImageData View Diff (1464)

various image: Test Particle used ImageData

strowberrycake

License: Refer to code comments

Fork
0
Fav
0
View
213
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 290 lines
  • HTML 5 lines
  • CSS 36 lines
「Test Particle used ImageData」( http://jsdo.it/verytired/3RYe )を、好きな画像で試せるようにしてみました。

右の三角をクリックすると「パーティクル分解する画像URL(base64)を入力」というプロンプトが出るので、
そこでURIエンコードされた(base64)画像のURLを入力すると、入力された画像を読み込んで
その画像でパーティクルテストを実行する事が可能です。


base64に変換する過程については、各自ググってツールを探して変換を行ってください。


また、「http://jsrun.it/assets/」に登録された画像URLでも実行できます。


(※アニメーション不可の画像を入力した場合は、パーティクルできない画像がそのまま表示されます。)

【追記】
「naturalWidth」「naturalHeight」が未対応のブラウザ(IEなど)で行うと、動かない可能性があるかも・・・

※キャンバスのデフォルトサイズは400×400です。
  • various image: Test Particle used ImageData
  • various image: Test Particle used ImageData

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?