Snippet adding a surface showing the Famo.us engine FPS - written during Hello Famo.us lesson

FPSMonitor.js

(function(target, engine, interval) {

  var surface = new Surface({
    size: [50, 35],
    content: '',
    properties: {
      color: 'white',
      textAlign: 'center',
      backgroundColor: '#FA5C4F',
      border: '1px solid black'
    }
  });

  setInterval(function(){
    surface.setContent(Math.round(engine.getFPS()));
  },interval||1000);

  target.add(surface);

})(device, Engine);