Canvasで描く雪

stv_tribute

License: MIT License

Fork
10
Fav
0
View
5378
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 173 lines
  • HTML 1 lines
  • CSS 3 lines
Canvasを使った雪が落下するスクリプト。

【ちょっとした解説】
init()で初期設定をした後はフレーム毎に下記の関数を無限ループ実行。
・update()
 現在の状態(描画座標)を決定
・render()
 update関数で決定した各値を元に描画

雪はオブジェクトとして各プロパティ(現在の座標など)を管理。そのオブジェクトを配列に格納して処理。
またCanvas処理は1度描画したら描画し続けます。その為、フレームごとに表示エリアを黒く塗りつぶして処理しています(canvasClear関数)。
  • Canvasで描く雪
  • Canvasで描く雪

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

Forked

sort by