【重要】サービス終了のお知らせ

2次元 落下する球体 その2

kazuki_nagasawa

License: MIT License

Fork
3
Fav
10
View
4992
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 575 lines
  • HTML 1 lines
  • CSS 8 lines
前回の続き。今回は「ベルレ法」を用いて円形を動かしてみました。
全画面で見た方が面白いです。

また、canvas が使えるスマホでも大丈夫だと思います。
( 自分の Android 4 端末 + chrome では OK でした。)


■ 詳細

 マウスクリックで、その場所に円形が出現します。
 ・x 方向、初速度はランダムです。
 ・y 方向は等加速度運動。
 ・質量はランダム。円の半径は質量により変わります。

 一定時間すると円形が薄くなり、さらに時間が経つと消滅するようにしてあります。

 色はランダムで変わったり、変わらなかったりします。


■ 前回の

 2次元 落下する球体 その1
 http://jsdo.it/kazuki_nagasawa/createjs-easeljs-007


■ 参照

 『HTML5 による物理シミュレーション』 遠藤 理平 著


■ (追記) 自動射出版

 マウスクリックが面倒だったので、自己 Fork で自動射出版に改造しました。
 マウスオーバー or タッチすると、その位置から際限なく射出されます。

 http://jsdo.it/kazuki_nagasawa/createjs-easeljs-009 

  • 2次元 落下する球体 その2
  • Underscore.js v1.4.4
  • CreateJS 2013.12.12
  • jQuery v2.1.0
  • 2次元 落下する球体 その2

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by