IliaNeverov

https://fooobar.com/questions/76456/changing-three...

гугл описал параметры применяемые для полноэкранного режима в документации с кусками кода
https://developer.android.com/training/system-ui/i...

setInterval(function(){
    aaa = Math.floor(Math.random() * 2);
}, 5000)

overfloy: hidden;
если есть в родителях, то не работает

В JS есть клевая штука: генераторы.
Чтобы не забивать сразу память всеми значениями (что, если понадобится от 1 до 10⁵⁰), можно их получать по одному:

// эта функция - Генератор. Он создаёт итерируемые штуки
function* makeRangeIterator(start = 0, end = 100, step = 1) {
    let iterationCount = 0;
    for (let i = start; i < end; i += step) {
        iterationCount++;
        yield i;
    }
    return iterationCount;
}

// вот сделаем итератор от 1 и до 10 (исключая конец)
var r1_10 = makeRangeIterator(1, 10);

// в цикле получим из итератора значения
for (i of r1_10) {
  console.log(i); // выведет от 1 до 9
}

Вешаешь на весь канвас событие click, получаешь из event координаты курсора, при заданных условиях запускаешь нужную функцию.

var ypos = 1, minPos = 0, maxPos = 5000;
var render = function () {
  requestAnimationFrame(render);
  const newPosition = cube.position.x + ypos;
  if (newPosition > maxPos || newPosition < ypos) 
    ypos = -ypos;
  else 
    cube.position.x = newPosition
  renderer.render(scene, camera);
};

разная частота вызовов функции в requestAnimationFrame() – зависит от устройства, активности/неактивности вкладки и др.

Но в вашу функцию параметром при вызове передаётся время, прошедшее с некого момента старта, первого вызова. И положение куба стоит расчитывать исходя не из числа вызовов функции, а только исходя из времени.

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

let material = new THREE.MeshBasicMaterial({map: texture});