window.onload = function() {
  'use strict';

  // create a Scene which is a rendering target of each Node
  var scn = new DivSugar.Scene().setSize(800, 600).setImage('#000080').appendTo(document.body);

  // maximize the Scene size
  function resize() { scn.adjustLayout(window.innerWidth, window.innerHeight, 'contain'); }
  window.addEventListener('resize', resize, true);
  resize();

  // create a parent Node used as the center of rotation
  var node1 = new DivSugar.Node().setPosition(400, 300, 0).appendTo(scn);

  // create a child Node which renders an image and a text
  var node2 = new DivSugar.Node().setSize(300, 300).setPosition(-150, -150, 200).setImage('mobile-sugar-examples-assets-kitten.jpg').appendTo(node1);
  node2.div.innerHTML = '<h1 style="text-align:center; color:white; text-shadow:1px 1px black">Hello, DivSugar!</h1>';

  // create a Task which rotates the Nodes
  var task = new DivSugar.Task().appendTo(DivSugar.rootTask);
  task.onUpdate = function() { node1.rotate(this.deltaTime * 0.01, this.deltaTime * 0.05, this.deltaTime * -0.015); };
};