Простейший прелоадер

Прелоадер - это индикатор загрузки сцены. Blend4Web имеет специальный модуль, который так и называется preloader. Простейший пример его использования:

Код JavaScript

var m_preloader = require("preloader");
var m_data = b4w.require("data");
 
//инициализация прелоадера с соответствующими параметрами
function init_cb(canvas_elem, success) {
   m_preloader.create_simple_preloader({
           bg_color:"#00000000",
           bar_color:"#FFF",
           background_container_id: "preloader",
           canvas_container_id: "canvas3d",
           preloader_fadeout: true});
    load();
}
 
//загрузка файла
function load() {
  var p_cb = preloader_cb;
  m_data.load("scene.json", load_cb,p_cb,true);
}
 
//обновление “полоски”
function preloader_cb(percentage) {
  m_preloader.update_preloader(percentage);
}

Код HTML

<body>
  <div id="preloader"></div>
  <div id="canvas3d"></div>
</body>

ФЭНДОМ