feeles-ide
Version:
The hackable and serializable IDE to make learning material
48 lines (30 loc) • 1.55 kB
Markdown
# イベント
ある出来事が起こったとき、
あらかじめ設定しておいた関数を実行する仕組みのことを、
イベントと呼ぶよ
このサンプルでは、
- マウスでクリックされた
- ５秒たった（繰り返す）
のどちらかの出来事が起こったとき、画面全体をシェイクするよ
## 
## イベントの種類
誰が起こすイベントか | イベントの名前 | 意味
--- | --- | ---
world | afterAdd | オブジェクトやスタックが新しく追加されたとき
engine | beforeUpdate | 実行中は常に毎フレーム
engine | collisionStart | いずれかのオブジェクトがしょう突したとき
engine | collisionActive | いずれかのオブジェクトがしょう突し続けている間常に
engine | collisionEnd | しょう突が終わった（離れた）とき
mouseConstraint | mousedown | マウスが押されたとき
mouseConstraint | mouseup | マウスが離れたたとき
mouseConstraint | startdrag | マウスがドラッグを始めたとき
mouseConstraint | enddrag | マウスがドラッグを終えたとき
## console.log について
ある変数の中身を、コンソールという部分に表示する機能だよ
確認するには、ブラウザの **開発者ツール** を開こう
- Windows の場合 F12 キー
- Mac の場合 Alt + Cmd + I キー
[メニューに戻る](index.html)
- - -
## 応用例
[スリングショット](slingshot/index.html)