Timing Animations within Script

Timing Animations within Script

• Mike!

  Is timer part of the HD spec or the version of ECMA used by the spec
  
  
  

• Michael Hansen

  The closest you can get to a sleep or wait function is a timer, which will call back to your app after the specified time:

  var timer = null;

  function someFunc()

  {

  document.FOO.style.animateProperty("x","500px",2);

  // don't turn off display until animation completes

  timer = createTimer("00:00:02:00", TIMER_APPLICATION, waitFunc);

  timer.enabled = true;

  timer.autoReset = false;

  }

  function waitFunc()

  {

  document.FOO_BUTTON.style.display = "none";

  }

  The timer is synced to the application clock. The above is simplified a bit, you may want to try waiting < 2 seconds and then poll the animated property value every few frames after that using a shorter timer, to get closer.

  
  
  

• Samurai Sjakkie

  I cannot get this to work. Keeps throwing and HDDVD_E_ARGUMENT Exception (see bold):
  
  
  function OnSlideSceneButtonPressed(evt) {
  var id = evt.target.getAttribute("id");
  var currentPosition = sceneSliderPosition;
  if (id == "BTN_TRY_RT_ARW") {
  if (currentPosition == 1 ) {
  document.BTN_TRY_LF_ARW.style.navRight = "BTN_POS_04";
  document.BTN_TRY_RT_ARW.style.navLeft = "BTN_POS_06";
  document.SCN_GRP_1.style.animateProperty("x","0px;-575px",2);
  document.SCN_GRP_2.style.display = "auto";
  document.SCN_GRP_2.style.animateProperty("x","575px;0px",2);
  sceneSliderPosition = 2;
  
  } else if (currentPosition == 2) {
  document.BTN_TRY_LF_ARW.style.navRight = "BTN_POS_07";
  document.SCN_GRP_2.style.animateProperty("x","0px;-575px",2);
  document.SCN_GRP_3.style.display = "auto";
  document.SCN_GRP_3.style.animateProperty("x","575px;0px",2);
  sceneSliderPosition = 3;
  
  }
  
  } else if (id == "BTN_TRY_LF_ARW") {
  if (currentPosition == 2 ) {
  document.BTN_TRY_RT_ARW.style.navLeft = "BTN_POS_03";
  document.SCN_GRP_1.style.animateProperty("x","-575px;0px",2);
  document.SCN_GRP_2.style.display = "auto";
  document.SCN_GRP_2.style.animateProperty("x","0px;575px",2);
  sceneSliderPosition = 1;
  
  } else if (currentPosition == 3) {
  document.BTN_TRY_LF_ARW.style.navRight = "BTN_POS_07";
  document.BTN_TRY_RT_ARW.style.navLeft = "BTN_POS_03";
  document.SCN_GRP_2.style.animateProperty("x","-575px;0px",2);
  document.SCN_GRP_3.style.display = "auto";
  document.SCN_GRP_3.style.animateProperty("x","0px;575px",2);
  sceneSliderPosition = 2;
  
  }
  }
  timer = createTimer("00:00:01:00",TIMER_APPLICATION,SetSliderDisplay(id, currentPosition));
  timer.enabled = true;
  timer.autoReset = false;
  }
  
  function SetSliderDisplay(id, currentPosition) {
  if (id == "BTN_TRY_RT_ARW") {
  if (currentPosition == 1 ) {
  document.SCN_GRP_1.style.display = "none";
  document.BTN_TRY_LF_ARW.style.display = "auto";
  document.BTN_TRY_RT_ARW.style.display = "auto";
  
  } else if (currentPosition == 2) {
  document.SCN_GRP_2.style.display = "none";
  document.BTN_TRY_LF_ARW.style.display = "auto";
  document.BTN_TRY_RT_ARW.style.display = "none";
  
  }
  
  } else if (id == "BTN_TRY_LF_ARW") {
  if (currentPosition == 2 ) {
  document.SCN_GRP_2.style.display = "none";
  document.BTN_TRY_LF_ARW.style.display = "none";
  document.BTN_TRY_RT_ARW.style.display = "auto";
  
  } else if (currentPosition == 3) {
  document.SCN_GRP_3.style.display = "none";
  document.BTN_TRY_LF_ARW.style.display = "auto";
  document.BTN_TRY_RT_ARW.style.display = "auto";
  
  }
  }
  }
  
  var timer = null;
  var sceneSliderPosition = 1;
  
  
  

• KIWIDOGGIE

  The last argument to createTimer() is basically a function pointer. You cannot pass a function with arguments to it, as you are trying to do (b/c at that point, you are invoking the function and the return value from it is being passed as an argument to createTimer(), which it doesn't like very much). The callback from the timer object accepts no arguments, unfortunately, so you need to create your own mechanism for doing this

  To accomplish what you want, you'd need to do something like:

  // These variables are meant to illustrate the need for an outside mechanism

  // for caching the arguments to the callback.

  // I recommend a more robust mechanism for caching these, like a queue,

  // so you can handle multiple calls to OnSlideSceneButtonPressed (if that is

  // possible in your application

  var cachedId = null;

  var cachedCurrentPosition = null;

  function OnSlideSceneButtonPressed(evt) {

  // code removed for simplicity...

  cachedId = id;

  cachedCurrentPosition = currentPosition

  timer = createTimer("00:00:01:00",TIMER_APPLICATION,SetSliderDisplayWrapper);

  timer.enabled = true;

  timer.autoReset = false;

  }

  function SetSliderDisplayWrapper()

  {

  SetSliderDisplay(cachedId, cachedCurrentPosition);

  }

  
  
  

• Ori&amp;#39;

  It's part of the HDDVD spec: Annex Z.1
  
  

• Alex Yakhnin - MSFT

  Thanks Josh. This pointed me in the right direction.
  
  
  
• Timing Animations within Script