Forked from: omatoro's canvasだけでプルダウンメニュー - プロトタイプ ver.0.4 View Diff (436)

Fork
2
Fav
0
View
2801
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 324 lines
  • HTML 1 lines
  • CSS 1 lines
■動作内容
クリックした瞬間(getPointingStart()===true)
->getDrag()===false
->pointingmove: 実行開始(true)

ドラッグしながら指定のpixel数をドラッグ
->getDrag()===true
->pointingmove: 実行中(true)

クリック終了した瞬間(getPointingEnd()===true)
->getDrag()===true
->pointingmove: 実行中(true)

クリック終了した瞬間の次フレーム時
->getDrag()===false
->pointingmove: 実行されない(false)

■ドラッグしていないpointingEndを取得したい場合は?
app.pointing.getPointingEndNonDrag()

getDrag() && getPointingEnd() を返り値としています。
クリック終了した瞬間(getPointingEnd()===true)まで、getDrag()がtrueを返すのはこのためです。

■inputクラスを拡張しない場合
http://jsdo.it/omatoro/7iif -> クラス単位で調査するので、ピンポイントで使用するならすっきりかけます

まどろっこしい処理をしているのは、ドラッグしていないクリックであるにも拘わらず、
ドラッグしたクリックだと常に認識してしまうクラスが出てきてしまったためです。
(常にgetPointingEndNonDrag() -> false)
  • tmlib.js - ドラッグ情報を取得できるよう拡張
  • tmlib.js v0.1.5
  • tmlib.js - ドラッグ情報を取得できるよう拡張

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

omatoro

Author

テストコードをどんどん載せてます。 blog - http://testcording.com/ twitter - https://twitter.com/omatoro

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by