“W” translate | “E” rotate | “R” scale | “+” increase size | “-” decrease size
Press “Q” to toggle world/local space, keep “Ctrl” down to snap to grid
lose
ボタンが押されたら、最前面に position: fixed の板($modal)を表示してそっちに Three.jsで使っているElement($renderer)の内容を付け替える。
let $children = $renderer.children();
$modal.appendTo($("body")).css({
display: "block",
position: "fixed",
left: 0,
width: "100%",
top: 0,
height: "100%",
"z-index": 100,
});
$children.appendTo($modal);
$(window).trigger("resize");
概ねこんな感じ。 スクロールバーを body じゃなくて最大化表示用の div より後ろにまわすなどの細工はしてある。