Adding zoom on scrollwheel event to Pool demo.

samples/o3d-webgl/client.js

 /*
  * Copyright 2010, Google Inc.
  * All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 822 matching lines @@
     y = event.pageY - pos.y;
   }
   return { x: x, y: y };
 };
 
 
 /**
  * Wraps a user's event callback with one that properly computes
  * relative coordinates for the event.
  * @param {!o3d.EventCallback} handler Function to call on event.
+ * @param {boolean} doCancelEvent If event should be canceled after callback.
  * @return {!o3d.EventCallback} Wrapped handler function.
  * @private
  */
-o3d.Client.wrapEventCallback_ = function(handler) {
+o3d.Client.wrapEventCallback_ = function(handler, doCancelEvent) {
   return function(event) {
     event = o3d.Client.getEvent_(event);
     var info = o3d.Client.getEventInfo_(event);
     var relativeCoords = o3d.Client.getRelativeCoordinates_(info);
     event.x = relativeCoords.x;
     event.y = relativeCoords.y;
+    // Invert value to meet contract for deltaY. @see event.js.
+    event.deltaY = -info.wheel;
     handler(event);
+    if (doCancelEvent) {
+      o3djs.event.cancel(event);
+    }
   };
 };
 
 
 /**
  * Sets a callback for a given event type.
  * types.
  * There can be only one callback for a given event type at a time; setting a
  * new one deletes the old one.
  *
  * @param {string} type Type of event to set callback for.
  * @param {!o3d.EventCallback} handler Function to call on event.
  */
 o3d.Client.prototype.setEventCallback =
     function(type, handler) {
   var listener = this.gl.hack_canvas;
   // TODO(petersont): Figure out a way for a canvas to listen to a key event
   // directly.
+
+  var isWheelEvent = type == 'wheel';
   var forKeyEvent = type.substr(0, 3) == 'key';
   if (forKeyEvent) {
     listener = document;
   } else {
-    handler = o3d.Client.wrapEventCallback_(handler);
+    handler = o3d.Client.wrapEventCallback_(handler, isWheelEvent);
   }
-  listener.addEventListener(type, handler, true);
+  if (isWheelEvent) {
+    listener.addEventListener('DOMMouseScroll', handler, true);
+    listener.addEventListener('mousewheel', handler, true);
+  } else {
+    listener.addEventListener(type, handler, true);
+  }
 };
 
 
 /**
  * Removes the previously-registered callback for an event of the given type.
  * @param {string} type Type of event to clear callback for.
  */
 o3d.Client.prototype.clearEventCallback =
     function(type) {
+  //TODO(petersont): Same as TODO in setEventCallback above.
+  var listener = this.gl.hack_canvas;
+
+  var isWheelEvent = type == 'wheel';
   var forKeyEvent = type.substr(0, 3) == 'key';
   if (forKeyEvent) {
     listener = document;
   }
-  listener.removeEventListener(type);
+
+  if (isWheelEvent) {
+    listener.removeEventListener('DOMMouseScroll');
+    listener.removeEventListener('mousewheel');
+  } else {
+    listener.removeEventListener(type);
+  }
 };
 
 
 /**
  * Sets the texture to use when a Texture or Sampler is missing while
  * rendering. The default is a red texture with a yellow no symbol.
  * <span style="color:yellow; background-color: red;">&Oslash;.
  * If you set it to null you'll get an error if you try to render something
  * that is missing a needed Texture, Sampler or ParamSampler.
  *
@@ skipping 207 matching lines @@
 o3d.Client.prototype.clientInfo = null;
 
 
 /**
  * The canvas associated with this client.
  * @type {Element}
  */
 o3d.Client.prototype.canvas = null;