rezoner

var client = new WebSocket("ws://IP:1337");

var last = Date.now();

client.addEventListener("message", function(event) {

  var delta = Date.now() - last;

  console.log("Time since last message ", delta, "ms");

rezoner

/* Paste that into console (F12) and hit enter */

window.clicker = setInterval(function() {
  $("button[value=INCREASE]").click()
}, 5000);

rezoner

/* Paste that into console (F12) and hit enter */

setInterval(function() {
  $("button[value=INCREASE]").click()
}, 5000);

rezoner

/*

What I would like to have is a way to build an element out of components.
Components can duplicate and order can be easily set.

*/

".content button": [
  ["image", "button.png", 0, 0],
  ["sprite", "flames", "center", "center"],

rezoner

TODOS:

• Image scaling mode: fit, cover, manual
• Image positioning
• Image padding
• Multiple images
• Multiple borderImages
• Horizontal scroll and scrollbar
• Optional scrollbar
• Optional content scroll

rezoner

/* Properties are nothing more but a complex event handlers */

GUI.properties.myProperty = {

  /* Order of appliance when set in group */

  order: 3,

  /* Rendering order to determine wheter it should be drawn before or after other properties */

rezoner

class GUIList extends GUIWidget {

  constructor(args) {

    super(args);

    this.scrollable = true;

    this.layout = {

rezoner

var offsets = [
  [0.0, 1.0],
  [0.0, 0.5],
  [0.0, 0.0],
  [0.5, 0.0],
  [0.5, 0.5],
  [0.5, 1.0]
  [1.0, 0.0],
  [1.0, 0.5],
  [1.0, 1.0]

rezoner

Namespacing concept for javascript

keyword namespace would replace window as a default global with another object until namespace is escaped.

namespace ENGINE;

Physics = {

 applyForce: function(x, y) { ... },

rezoner

var app = playground({

  create: function() {

    app.loadData(...);

  },

  ready: function() {