"use strict"

// register the application module
b4w.register("render_test", function(exports, require) {

// import modules used by the app
var m_app       = require("app");
var m_data      = require("data");
var m_main      = require("main");
var m_config    = require("config");
var m_scs       = require("scenes");
var m_trans     = require("transform");

var _count_frame = 0;

/**
 * export the method to initialize the app (called at the bottom of this file)
 */
exports.init = function() {
    m_app.init({
        canvas_container_id: "main_canvas_container",
        callback: init_cb,
        show_fps: true,
        console_verbose: true,
        autoresize: true
    });
}

/**
 * callback executed when the app is initialized 
 */
function init_cb(canvas_elem, success) {

    if (!success) {
        console.log("b4w init failure");
        return;
    }

    load();
}

/**
 * load the scene data
 */
function load() {
    m_data.load("render_test.json", load_cb);
}

/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
    m_app.enable_camera_controls();

    // place your code here
    m_main.append_loop_cb(frame_cb);
    
    btn_pause.onclick = function(){
        m_main.pause();
    }
    btn_play.onclick = function(){
        m_config.set("max_fps", 60);
        m_main.resume();
    }
    btn_transalte.onclick = function(){
        var cube = m_scs.get_object_by_name('Cube');
        m_trans.rotate_z_local(cube, 30);
    }
}

function frame_cb(){
    
    _count_frame+=1;
    led_render.innerText = _count_frame;

    led_render.style.backgroundColor = 'green';
    setTimeout(function(){
        led_render.style.backgroundColor = 'red';
    },100);

    m_config.set("max_fps", 1);
    
}

});

// import the app module and start the app by calling the init method
b4w.require("render_test").init();