Informática

[Sam Fisher]

El nuevo taller de experimentos Chrome cuenta con herramientas libres que incluye tutoriales y código fuente. Experimentar amigos feliz! + A través de Aaron Koblin

Bienvenidos al taller! Aquí encontrará las herramientas y los proyectos creados por el equipo de experimentos Chrome.

Asi comienza la presentación para experimentar todo el potencial de programación web que tiene, pueden crear efectos en las letras y sorprender lo que se puede llegar a lograr

http://workshop.chromeexperiments.com/

1. uso básico

Con muy poco código, dat.GUI crea una interfaz que puede utilizar para modificar las variables.

<script type="text/javascript" src="dat.gui.js"></script>
<script type="text/javascript">
    
var FizzyText = function() {
  this.message = 'dat.gui';
  this.speed = 0.8;
  this.displayOutline = false;
  this.explode = function() { ... };
  // Define render logic ...
};

window.onload = function() {
  var text = new FizzyText();
  var gui = new dat.GUI();
  gui.add(text, 'message');
  gui.add(text, 'speed', -5, 5);
  gui.add(text, 'displayOutline');
  gui.add(text, 'explode');
};
    
</script>

La propiedad debe ser pública, es decir, definido por this.prop = value

dat.GUI determina el tipo de controlador basado en el valor inicial de una propiedad
Pulse H para mostrar / ocultar todas la interfaz gráfica de usuario.

http://workshop.chromeexperiments.co...1--Basic-Usage

[ecotromp]

gracias por compartir, voy a probar el Workshop / Chrome Experiments