topical media & game development

talk show tell print

mobile-query-three-plugins-incubator-examples-visiblebound.htm / htm



  <!doctype html><title>Minimal tQuery Page</title>
  <script src="../../../build/tquery-bundle.js"></script>
  
  <script src="../../domevent/threex.domevent.js"></script>
  <script src="../../domevent/tquery.domevent.js"></script>
  
  <script src="tquery.geometry.dilate.js"></script>
  <body><script>
          var world        = tQuery.createWorld().boilerplate().start();
          world.removeCameraControls();
          // enable domEvent on this world
          world.enableDomEvent();
  
          // create a cube
          var object	= tQuery.createTorus().addTo(world);
  
          var tGeometry        = object.get(0).geometry.clone();
          var tMaterial        = object.get(0).material.clone();
          var boundaryObj        = tQuery(tGeometry, tMaterial).addTo(object)
                  .setBasicMaterial({
                          color        : 0x306EFF,
                          side        : THREE.BackSide
                  }).back()
                  .geometry()
                          .dilate(0.05)
                          .back()
                  .visible(false);
  
          // bind some event on it
          object.on('mouseover', function(event){
                  boundaryObj.visible(true)
                  document.body.style.cursor        = 'pointer';
          });
          object.on('mouseout', function(event){
                  boundaryObj.visible(false)
                  document.body.style.cursor        = 'default';
          });
  </script></body>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.