Example #1
0
function init_cb(canvas_element, success) {
    define_dom_elems();

    if (!success) {
        display_no_webgl_bg();
        return;
    }

    m_main.pause();

    add_engine_version();

    check_fullscreen();

    set_quality_button();

    init_control_buttons();

    var file = search_file();

    if (!file)
        return;

    anim_logo(file);

    m_app.enable_controls();

    window.addEventListener("resize", on_resize, false);

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

    // place your code here

}
Example #3
0
function init_cb(canvas_elem, success) {
    if (!success) {
        m_print.log("b4w init failure");
        return;
    }

    _canvas_elem = canvas_elem;
    canvas_elem.style.visibility = "visible";
    m_app.enable_controls(canvas_elem);

    var preloader_bg = document.getElementById("preloader_bg");
    preloader_bg.style.visibility = "visible"

    //var json_path = ASSETS_PATH + "level_01.json";
    //m_data.load(json_path,
    //            function(data_id) {
    //                game_main.level_load_cb(data_id, "level_01", preloader_cb, load_cb);
    //            },
    //            preloader_cb, true);

    if (detect_mobile())
        m_data.load(ASSETS_PATH + "intro_LQ.json", load_cb, preloader_cb, true);
    else
        m_data.load(ASSETS_PATH + "intro_HQ.json", load_cb, preloader_cb, true);
}
Example #4
0
function load_cb(data_id) {
    m_app.enable_controls();
    m_app.enable_camera_controls();

    // "Generic" anchor may be created (or replaced) anytime
    var cyl_text = document.createElement("span");
    cyl_text.id = "cyl_anchor";
    cyl_text.style.position = "absolute";
    cyl_text.style.backgroundColor = "yellow";
    cyl_text.style.color = "black";
    cyl_text.style.padding = "5px";
    cyl_text.innerHTML = "Cylinder (Generic)";
    document.body.appendChild(cyl_text);

    var cyl_anchor = m_scs.get_object_by_name("CylAnchor");

    m_anchors.attach_move_cb(cyl_anchor, function(x, y, appearance, obj, elem) {
        var anchor_elem = document.getElementById("cyl_anchor");
        anchor_elem.style.left = x + "px";
        anchor_elem.style.top = y + "px";

        if (appearance == "visible")
            anchor_elem.style.visibility = "visible";
        else
            anchor_elem.style.visibility = "hidden";
    });
}
Example #5
0
/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
  m_game_ui.close_load_screen(true);
  m_app.enable_controls();
  m_app.enable_camera_controls();

  // place your code here
  m_notifications.setupIcons(3);
  charTom = m_scenes.get_object_by_name("Tom_Office");
  m_animation.apply(charTom,"Tom_EnterX_B4W_BAKED");
  m_animation.set_behavior(charTom, m_animation.AB_FINISH_STOP);
  m_animation.play(charTom, function(){
    m_animation.apply(charTom,"Tom_idleXX_B4W_BAKED");
    m_animation.set_behavior(charTom, m_animation.AB_CYCLIC);
    m_animation.play(charTom);
  });

  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Level_2"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Exit"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Plant"), "pointer");

  var canvas = m_container.get_canvas();
  canvas.addEventListener("mouseup", on_mouse_up);
  canvas.addEventListener("mousedown", on_mouse_down);
  if (m_main.is_paused())
    m_main.resume();
  m_game_ui.set_game_hidden(false);
  document.getElementById('mod_header').style.animationPlayState = 'running';
  document.getElementById('quiz_wrapper').style.display = 'block';
  start_quiz();
}
Example #6
0
/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
  m_game_ui.close_load_screen(true);
  m_app.enable_controls();
  m_app.enable_camera_controls();

  //m_cfg.set("enable_outlining",true);

  // place your code here
  m_notifications.setupIcons(4);
  charPizza = m_scenes.get_object_by_name("Pizza_Arm");
  charSue = m_scenes.get_object_by_name("Sue_Office");
  charWater = m_scenes.get_object_by_name("water_rig");
  m_animation.apply(charSue,"dmt_sue_idle_B4W_BAKED");
  m_animation.set_behavior(charSue, m_animation.AB_CYCLIC);
  m_animation.play(charSue);

  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Toaster"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Counter_Basin"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Pizza_Box"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Light_Switch"), "pointer");

  var canvas = m_container.get_canvas();
  canvas.addEventListener("mouseup", on_mouse_up);
  canvas.addEventListener("mousedown", on_mouse_down);

  m_line_speed.freeze();
  if (qs["skip_intro"] == "1")
    end_cutscene();
  else
    play_cutscene(true);
}
Example #7
0
function init_cb(canvas_elem, success) {

    if (!success) {
        console.log("b4w init failure");
        return;
    }
    m_app.enable_controls();
    load();
}
Example #8
0
/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
    m_app.enable_controls();
    m_app.enable_camera_controls();

    document.addEventListener( 'mousemove', onDocumentMouseMove, false );
    shot.addEventListener( 'click', shotting, false );

    LTCTRF = m_scs.get_object_by_name("LTCTRF");
    LTCTRB = m_scs.get_object_by_name("LTCTRB");
    MotoMain = m_scs.get_object_by_name("MotoMain");

}
Example #9
0
function init_cb(canvas_elem, success) {

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

    m_app.enable_controls(canvas_elem);

    window.onresize = on_resize;
    on_resize();
    load();
}
Example #10
0
function init_cb(canvas_elem, success) {

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

    m_app.enable_controls(canvas_elem);
    canvas_elem.addEventListener("mousedown", main_canvas_click, false);

    window.onresize = on_resize;
    on_resize();
    load();
}
Example #11
0
/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
    m_app.enable_controls();
    m_app.enable_camera_controls();

    

    // place your code here

    document.addEventListener( 'mousemove', onDocumentMouseMove, false );




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

    if (!success) {
        console.log("b4w init failure");
        return;
    }
    m_app.enable_controls(canvas_elem);
    //canvas_elem.addEventListener("click", main_canvas_click);
    window.addEventListener("resize", resize);

    canvas_elem.addEventListener("mousedown", main_canvas_click, false);
    load();
var cross_bar = document.getElementById("crossbar");
    cross_bar.style.visibility = "visible";
}
    function init_cb(canvas_elem, success) {

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

        m_app.enable_controls();


        load();


        canvas_elem.addEventListener("mousemove", MouseRot, false);

    }
Example #14
0
function init_cb(canvas_elem, success) {

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

    m_app.enable_controls(canvas_elem);

    canvas_elem.addEventListener("mousedown", main_canvas_down);
    canvas_elem.addEventListener("touchstart", main_canvas_down);

    canvas_elem.addEventListener("mouseup", main_canvas_up);
    canvas_elem.addEventListener("touchend", main_canvas_up);

    canvas_elem.addEventListener("mousemove", main_canvas_move);
    canvas_elem.addEventListener("touchmove", main_canvas_move);

    window.onresize = on_resize;
    on_resize();
    load();
}
Example #15
0
/**
 * callback executed when the scene is loaded
 */
function load_cb(data_id) {
  m_game_ui.close_load_screen(true);
  m_app.enable_controls();
  m_app.enable_camera_controls();

  //m_cfg.set("enable_outlining",true);

  // place your code here
  m_scene_mouse.set_up();
  m_notifications.setupIcons(4);

  m_scene_anim.set_up();
  m_scene_anim.add_listener("anim_finish", on_anim_finish);
  m_scene_anim.anwar_idle();

  charSwitch = m_scenes.get_object_by_name("Isolator_Switch");
  charLock = m_scenes.get_object_by_name("Padlock_Small.006");
  charAnwar = m_scenes.get_object_by_name("AnwarFactory_rig");

  //Cursors
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Motor_Gearbox_Lid"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Walkie"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Toolbox"), "pointer");
  m_scene_mouse.set_hover_cursor(m_scenes.get_object_by_name("Isolator_Motor"), "pointer");

  question_box = document.getElementById("question_box");
  question_text = document.getElementById("question_text");

  var canvas = m_container.get_canvas();
  canvas.addEventListener("mouseup", on_mouse_up);
  canvas.addEventListener("mousedown", on_mouse_down);

  m_line_speed.freeze();
  if (qs["skip_intro"] == "1")
    end_cutscene();
  else
    play_cutscene(true);
}
Example #16
0
function init_cb(canvas_element, success) {
    if (!success) {
        var url_params = m_app.get_url_params();

        if (url_params && url_params["fallback_image"]) {
            var image_wrapper = document.createElement("div");
            image_wrapper.className = "image_wrapper";
            document.body.appendChild(image_wrapper);
            preloader_container.style.display = "none";
            image_wrapper.style.backgroundImage = 'url(' + url_params["fallback_image"] + ')';
        } else
            report_app_error("Browser could not initialize WebGL", "For more info visit",
                          "https://www.blend4web.com/troubleshooting")

        return;
    }

    m_main.pause();

    set_quality_button();

    init_control_buttons();

    if (!m_app.check_fullscreen())
        fullscreen_on_button.parentElement.removeChild(fullscreen_on_button);

    // search source file
    var file = SCENE_PATH;

    var module_name = m_cfg.get("built_in_module_name");

    if (b4w.module_check(module_name)) {
        var bd = require(module_name);
        var file = bd["data"]["main_file"];

        remove_built_in_scripts();
    } else {
        var url_params = m_app.get_url_params();

        logo_container.style.display = "block";

        if (url_params && url_params["load"]) {
            var file_exist = check_file_exist(url_params["load"]);

            if (file_exist)
                file = url_params["load"];
            else {
                report_app_error("Could not load the scene",
                                       "For more info visit",
                                       "https://www.blend4web.com/troubleshooting");
                return null;
            }
        } else {
            report_app_error("Please specify a scene to load",
                                   "For more info visit",
                                   "https://www.blend4web.com/troubleshooting");
            return null;
        }
    }

    anim_elem(logo_container, "opacity", LOGO_SHOW_DELAY, 1, 0, "", "", function() {
        preloader_caption.style.display = "block";
        anim_elem(preloader_caption, "opacity", CAPTION_SHOW_DELAY, 1, 0, "", "", function() {
            m_main.resume();
        });
    })

    // load
    m_data.load(file, loaded_callback, preloader_callback, false);
    m_app.enable_controls(canvas_element);

    window.addEventListener("resize", on_resize, false);
    on_resize();
}
Example #17
0
function init_cb(canvas_elem, success) {

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

    // cache dom elements
    _control_panel_elem = document.getElementById("control_panel");
    _scroll_panel_elem = document.getElementById("scroll_panel");
    _hover_panel_elem = document.getElementById("hover_panel");
    _preloader_elem = document.getElementById("status_bar_loading");
    _resolution_elem = document.getElementById("status_bar_resolution");
    _status_bar_elem = document.getElementById("status_bar");


    if (navigator.userAgent.indexOf('Firefox') != -1 ||
        navigator.userAgent.indexOf('rv:11') != -1) {
        _control_panel_elem.style.width = '90px';
        _hover_panel_elem.style.width = '90px';
        _scroll_panel_elem.style.width = '90px';
    }

    assign_url_params();

    m_app.enable_controls(canvas_elem);

    // setup resize
    window.addEventListener("resize", on_resize, false);
    dispatch_resize();

    fill_scene_buttons(_url_tag);

    // setup fullscreen button
    add_config_button("fullscreen_button", check_fullscreen);

    // setup auto rotate button
    add_config_button("auto_rotate_button", function() {
        button_up("auto_rotate_button");
        switch_auto_rotate_mode("auto_rotate_button");
    });

    add_config_button("low_mode_button", function() {
        button_up("low_mode_button");
        change_quality(m_cfg.P_LOW);
    });
    add_config_button("high_mode_button", function() {
        button_up("high_mode_button");
        change_quality(m_cfg.P_HIGH);
    });
    add_config_button("ultra_mode_button", function() {
        button_up("ultra_mode_button");
        change_quality(m_cfg.P_ULTRA);
    });
    
    // NOTE: disable all postprocessing in LOW quality 
    // (gives better performance)
    var quality = m_storage.get("quality");
    if (quality == "LOW")
         m_cfg.set("deferred_rendering", false);

    // disable glow (some scenes may have selectable objects)
    m_cfg.set("glow", false);

    // load last scene
    var last_scene_id = m_storage.get("last_scene_id");

    if (last_scene_id && validate_scene_id(last_scene_id, _url_tag) && !_force_default)
        load_scene(last_scene_id);
    else 
        load_scene(_url_default);
}