Forked from: hogefoo's forked: 画像のピクセル分解&復号アニメーション View Diff (60)

Fork
2
Fav
1
View
622
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 261 lines
  • HTML 5 lines
  • CSS 14 lines
「画像のピクセル分解&復号アニメーション」を、好きな画像で変換できるようにしてみました。

右の三角をクリックすると「ピクセル分解する画像URL(base64)を入力」というプロンプトが出るので、
そこでURIエンコードされた(base64)画像のURLを入力すると、入力された画像を読み込んで
画像のピクセル分解&復号アニメーションが開始されます。


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


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


(※アニメーション不可の画像を入力した場合は、画像がそのまま表示されます)

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

※キャンバスのデフォルトサイズは500×500です。
  • 好きな画像で画像のピクセル分解&復号アニメーション
  • 好きな画像で画像のピクセル分解&復号アニメーション

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?

Tags

Favorite by

Forked

sort by