TouchSensor node

TouchSensor {
    SFBool enabled TRUE
    SFBool isActive FALSE
    SFBool isOver FALSE
    SFTime touchTime 0
    SFVec3f hitPoint_changed 0 0 0
    SFString mode "normal"
}

Detects touch screen events on all Shapes included in the same Group in which the TouchSensor is declared.
When the user touches a Shape's bounding box, isActive, isOver, touchTime and hitPoint_changed fields will emit signals until the user ends the touch.

SFBool enabled TRUE :
Enabled by default, set enabled to FALSE to disable the TouchSensor.

SFBool isActive FALSE :
Will emit TRUE when user start touching a Shape, FALSE when user ends the touch (i.e. lifts its finger or stylus from the screen).

SFBool isOver FALSE :
During drag, TRUE when user is over the touched Shape, FALSE when user goes out of the touched Shape.

SFTime touchTime 0 :
Emits the time when the user ends the touch.

SFVec3f hitPoint_changed 0 0 0 :
Position of the touch relative to the touched Shape. Useful to track dragging events.

SFString mode "normal" :
Mode field supports several values:

normal : Default. Only the top TouchSensor will receive touch events when multiple TouchSensors overlap in normal mode.
grabAll : TouchSensor will receive touch events independently of over overlapping TouchSensors.

#VRML V2.0 utf8

Group {
  children [
    DEF TS TouchSensor { enabled TRUE }
    Shape {
      appearance Appearance {
        material Material2D { emissiveColor 0 0 1 }
      }
      geometry Rectangle { size 80 80 }
    }
 ]
}

DEF script Script {
  eventIn SFBool tsIsActive
  eventIn SFBool tsIsOver
  eventIn SFTime tsTouchTime
  eventIn SFVec3f tsHitPointChanged

  url "javascript:

    function tsIsActive (val) {
      Browser.print('TS.isActive:'+val);
    }

    function tsIsOver (val) {
      Browser.print('TS.isOver:'+val);
    }

    function tsTouchTime (val) {
      Browser.print('TS.touchTime:'+val);
      //tsHitPointChanged();
    }

    function tsHitPointChanged (p) {
      Browser.print('TS.hitPoint_changed:'+p.x+' '+p.y+' '+p.z);
    }
  "
}

ROUTE TS.isActive TO script.tsIsActive
ROUTE TS.isOver TO script.tsIsOver
ROUTE TS.touchTime TO script.tsTouchTime
ROUTE TS.hitPoint_changed TO script.tsHitPointChanged