Ответ на сообщение пользователя Иван Любовников
То есть вообще без блендеровских объектов? Можно и так, тогда все придется делать вручную. Тогда допустим, если для каждого якоря мы знаем, к какому объекту и с каким смещением он привязан, то в любой момент мы сможем посчитать 3d точку, в которой должен висеть якорь. Её можно перевести в 2-мерные координаты на канвасе методом project_point, которые записывать в top/left соответствующего элемента.

За код не ручаюсь, не проверял, но примерно такой должен быть:

var _vec2_tmp = new Float32Array(2);
var _vec3_tmp = new Float32Array(3);

function update_anchor_pos(anchor_id, obj_name, anchor_offset) {
    var obj = m_scenes.get_object_by_name(obj_name);
    var pos = m_trans.get_translation(obj, _vec3_tmp);
    m_vec3.add(pos, anchor_offset, pos);

    var cam = m_scenes.get_active_camera();
    var canvas_xy = m_cam.project_point(cam, pos, _vec2_tmp);

    var anchor_el = document.getElementById(anchor_id);
    anchor_el.style.left = canvas_xy[0] + "px";
    anchor_el.style.top = canvas_xy[1] + "px";
}

var anchor_offset = new Float32Array([2,2,2]);
update_anchor_pos("box", "box_1", anchor_offset);

Можно делать это для всех якорей каждый кадр через set_render_callback.

Ответ на сообщение пользователя Иван Любовников
Понять поможет этот раздел документации: Нестандартное расположение и ориентация элемента Canvas. Если у вас код как в том уроке, то можно просто заменить строчки:

var x = m_mouse.get_coords_x(e);
var y = m_mouse.get_coords_y(e);

на

var x = m_mouse.get_coords_x(e, false, true);
var y = m_mouse.get_coords_y(e, false, true);

<div id="box">Hi i box</div>

Ответ на сообщение пользователя Дмитрий Пелевин
Примерно понял. Но я думаю что вы придёте в тупик с таким подходом. Либо вы полностью изолируете сцены друг от друга (каждая работает со своим JSON и имеет свой Namespace), при этом они общаются между собой через специальный интерфейс, либо даже не знаю чем помочь.

Меня мучают смутные сомнения, что мы говорим про разные анкоры до сих пор….. Вы посмотрели мои ссылки, это то что вам нужно? Или вы просто имеете ввиду ID контейнеров, где будут канвасы с вашими сценами?)

<div id="box">Hi i box</div>

Ответ на сообщение пользователя Дмитрий Пелевин
Да, всё верно.
Только не можно, а нужно прописывать её внутри модуля "canvas2" примерно так:

b4w.register("canvas2", function (exports, require) {
//...
    exports.terminate = function () {
        m_data.cleanup();
    };
//...
});

Вызывать и m_data.unload() и m_data.cleanup() не стоит, т.к. в коде data.js есть такая строка:

exports.cleanup = exports.unload;

Ответ на сообщение пользователя Дмитрий Пелевин
Здравствуйте ещё раз)

Самый первый и главный совет, не называйте переменные по русски… iacor - eto adiwe)

Универсальное решение:


Немного хаотично вы спросили, старайтесь разделять вопрос на логические части) Так и ответить проще будет)
То что вы говорите:



неверно. Мы указываем Id контейнера, где будет автоматически создан канвас. Поле объекта так и названо canvas_container_id.

В данном случае, вам достаточно вместо idName просто указать "iacor1" (о боги, переименуйте его).

Хотя вроде как вопрос про отображение кастомных кусков контента рядом с объектами в сцене… Тогда читайте тут, остальное непонятно)

Ответ на сообщение пользователя Дмитрий Пелевин
Ну можно либо в самом (внутри) canvas2 прописать логику, что если произошёл клик по тому то элементу, то я сам себя удаляю.

Либо можно обратиться к нему напрямую, т.к. вызов b4w.require("canvas2","canvas2") возвращает вам объект того самого модуля. Внутри модуля создаете функцию (сейчас там уже есть init() И она же вызывается при создании), например terminate(), в ней прописываете m_data.cleanup() и потом примерно так:

var someModule = b4w.require("canvas2","canvas2");
someModule.init();

$(".button").click(function(){
    someModule.terminate();
    someModule = null;
});

Стоит быть аккуратным и самому контролировать объекты (модули), которые вы уже удалили. Стоит делать на них ссылки = null и постараться не обращаться к ним хаотично из глобального неймспейса (window).

var someModule = b4w.require("canvas2","canvas2");
someModule.terminate = function {
	m_data.unload();
	m_data.cleanup();
}
someModule.init(); // а init еще раз обязательно вызывать ?

$(".button").click(function(){
    someModule.terminate();
    someModule = null;
});

Ответ на сообщение пользователя Дмитрий Пелевин
Поможет, но данные сначала надо в нём удалить:

m_data.unload();

Но, если не связаны, то лучше делать через IFRAME обычным методом. Оптимальнее будет.

Ну не сам unload, его реализация это лишь m_data.cleanup() (глянул в API, оказалось это одна и та же функция….).
Из неё то понятно, что физически дропаются все данные.

А вот с неймспейсом я вас не понял… То что он имеет отношение к модулям движка тоже ясно, но эти модули же создают свой инстанс для каждого неймспейса. И по факту сборщик мусора бы до них добрался, если бы ссылок не было (да, ссылки все стираются при вызове b4w.cleanup(moduleId, namespaceName);)б но при использовании нескольких канвасов на странице весь сок в их взаимодействии (а зачем ещё?). И тогда получается у нас полюбому будут ссылки на удаляемые канвасы (объекты, неймспейсы, как угодно можно назвать) в модулях других сцен….

Но тут конечно нельзя сказать, как правильно на самом деле. Задача не тривиальная и движок не для таких целей спроектирован. Так что кто как хочет так и будет извращаться) Да и по факту объекты весить много не должны, так что это уже паранойя какая-то)

b4w.require("canvas2","canvas2").init();

m_data.unload();

b4w.cleanup("canvas2","canvas2");