if (tick==0) { if (typeof(sceneexist)=='undefined') { OpenCanvas('wCanvas',WC=520,HC=400); var scene, camera, renderer; CreateScene(WC,HC); // ПОЗИЦИЯ НАБОРНОГО ПОЛЯ И ЭТАЛОННЫЙ МЕТР W X=0; Y=0; Z=-2; W=20; // СТОЛ Table = DrawTable(); // Рисуем стол Table.scale.set(W, W, W); // Масштабируем стол под размер сцены Table.position.set(X, 92, Z); // Позиционируем стол за аквариумом и немного ниже scene.add(Table); Aquarium = DrawAquarium(); // Рисуем аквариум Aquarium.scale.set(W,W,W); // Масштабируем аквариум относительно W Aquarium.position.set(X, Y, Z); // Позиционируем аквариум scene.add(Aquarium); // ЗАМОК ДЛЯ АКВАРИУМА Castle = DrawCastle(); // Рисуем замок Castle.scale.set(W/30, W/30, W/30); // Масштабируем замок (уменьшим, чтобы поместился в аквариум) Castle.position.set(6, -5, -4.2); // Позиционируем замок на дне аквариума scene.add(Castle); // ФЛАГ ДЛЯ ЗАМКА Flag = DrawFlag(); // Рисуем флаг Flag.scale.set(1, 1, 1); // Масштаб флага (можно настроить) Flag.position.set(0, 5.2, 0); // Позиционируем флаг на главной башне замка (настраиваем высоту) Castle.add(Flag); // Добавляем флаг к замку // Создаем несколько рыбок var fish1 = DrawFish(); // Создаем первую рыбку fish1.position.set(0.2*W/3, 0, 0.2*W/3); // Позиция первой рыбки (относительно размера аквариума) fish1.scale.set(0.8, 0.8, 0.8); // Немного уменьшим размер первой рыбки относительно "юстировки" внутри DrawFish() scene.add(fish1); var fish2 = DrawFish(); // Создаем вторую рыбку fish2.position.set(-0.2*W/3, 0.1*W/3, -0.1*W/3); // Позиция второй рыбки fish2.scale.set(0.6, 0.6, 0.6); // Еще немного уменьшим размер второй рыбки scene.add(fish2); // Создаем несколько камней var stone1 = DrawStone(); stone1.position.set(-0.3*W/3, -5, -0.4*W/3); // Позиция первого камня (примерно в углу) stone1.scale.set(3, 3, 3); // Немного увеличим размер scene.add(stone1); // Создаем камни - теперь больше и распределены по дну for (let i = 0; i < 15; i++) { // Увеличили количество камней до 15 var stone = DrawStone(); stone.position.set( (Math.random() - 0.5) * 2.7 * W / 3, // Случайная позиция X в пределах дна, немного плотнее -5, (Math.random() - 0.8) * 1.2 * W / 3 // Случайная позиция Z в пределах дна, немного плотнее ); stone.scale.set( 2 + Math.random() * 6, // Размеры камней в диапазоне от 2 до 5 (примерно) 2 + Math.random() * 6, 2 + Math.random() * 6 ); scene.add(stone); } // Создаем водоросли - теперь больше и распределены for (let i = 0; i < 12; i++) { // Увеличили количество водорослей до 12 var seaweed = DrawSeaweed(); seaweed.position.set( (Math.random() - 0.5) * 2.8 * W / 3, // Случайная позиция X, немного плотнее и ближе к центру -5, (Math.random() - 0.7) * 1.2 * W / 3 // Случайная позиция Z, немного плотнее и ближе к центру ); seaweed.scale.set( 3 + Math.random() * 5, // Размеры водорослей в диапазоне от 3 до 5 (примерно) 3 + Math.random() * 15, 3 + Math.random() * 5 ); scene.add(seaweed); // РАДИО НА СТОЛ Radio = DrawRadio(); // Рисуем радио Radio.scale.set(W/2, W/2, W/2); // Масштабируем радио относительно размера сцены (можно настроить) Radio.position.set(X+16, Y-6.5, Z+6); // Позиционируем радио на столе (настраиваем положение) Radio.rotation.y = Math.PI / 6; scene.add(Radio); render(); }}} function render(){ requestAnimationFrame(render); controls.update(); renderer.render(scene,camera); } function DrawAquarium() { // АКВАРИУМ var out = new THREE.Object3D(); // Контейнер для аквариума // СТЕКЛО АКВАРИУМА var glassMaterial = new THREE.MeshLambertMaterial({ color: 0xAADDAA, // Светло-зеленый оттенок для стекла transparent: true, opacity: 0.3 // Полупрозрачность стекла }); var glassGeometry = new THREE.CubeGeometry(1, 0.5, 0.5); // Размеры аквариума (относительные) var glass = new THREE.Mesh(glassGeometry, glassMaterial); out.add(glass); // ВОДА В АКВАРИУМЕ var waterMaterial = new THREE.MeshLambertMaterial({ color: 0x3377FF, // Синий цвет воды transparent: true, opacity: 0.6 // Прозрачность воды }); var waterGeometry = new THREE.CubeGeometry(0.95, 0.45, 0.45); // Чуть меньше стекла, чтобы была видна граница var water = new THREE.Mesh(waterGeometry, waterMaterial); water.position.y = -0.025; // Смещаем воду немного вниз, чтобы было видно дно out.add(water); // ГРУНТ (ДНО) var groundMaterial = new THREE.MeshLambertMaterial({ color: 0x664422 // Коричневый цвет грунта }); var groundGeometry = new THREE.CubeGeometry(1, 0.05, 0.5); // Тонкий слой грунта var ground = new THREE.Mesh(groundGeometry, groundMaterial); ground.position.y = -0.28; // Размещаем на дне out.add(ground); // ЮСТИРОВКА (общая для аквариума) - можно настроить как нужно var WS = 1/3; // Общий масштаб аквариума (можно менять) out.scale.set(WS, WS, WS); out.position.y = -0.1; // Опускаем немного ниже центра out.position.z = Z + 0.1; // Чуть вперед, чтобы не накладывался на пол return out; } function DrawFish() { // КОНТЕЙНЕР ДЛЯ РЫБКИ var fish = new THREE.Object3D(); // ТЕЛО РЫБКИ (РОМБИК - ИЗМЕНЕННАЯ ФОРМА КУБА) var bodyMaterial = new THREE.MeshLambertMaterial({ color: 0xFF8833 }); // Оранжевый цвет тела var bodyGeometry = new THREE.CubeGeometry(1, 0.6, 0.4); // Исходный куб var body = new THREE.Mesh(bodyGeometry, bodyMaterial); body.scale.set(1.5, 1, 1); // РАСТЯГИВАЕМ ПО ОСИ X, чтобы сделать ромбовиднее fish.add(body); // ХВОСТ (ромбик - конус) - БЕЗ ИЗМЕНЕНИЙ var tailMaterial = new THREE.MeshLambertMaterial({ color: 0xFF8833 }); // Цвет хвоста как у тела var tailGeometry = new THREE.ConeBufferGeometry(0.3, 0.6, 4); // Конус с 4 гранями (ромб в основании) var tail = new THREE.Mesh(tailGeometry, tailMaterial); tail.rotation.z = Math.PI / 2; // Разворачиваем конус, чтобы "ромбик" хвоста был сбоку tail.position.x = 0.75; // Смещаем хвост *дальше* назад от тела, т.к. тело стало длиннее fish.add(tail); // БОКОВЫЕ ПЛАВНИКИ (плоские - плоскость) - ИЗМЕНЕНИЕ ПОЗИЦИИ var finSideMaterial = new THREE.MeshLambertMaterial({ color: 0xFFCC66 }); // Цвет плавников var finSideGeometry = new THREE.PlaneGeometry(0.4, 0.2); // Плоскость для бокового плавника var finLeft = new THREE.Mesh(finSideGeometry, finSideMaterial); finLeft.position.x = -0.3; finLeft.position.z = 0.2; // Чуть вперед для объема finLeft.rotation.y = -Math.PI / 4; // Разворачиваем немного вперед fish.add(finLeft); var finRight = new THREE.Mesh(finSideGeometry, finSideMaterial); // Правый плавник - копия левого finRight.position.x = -0.3; finRight.position.z = -0.2; // Чуть назад для объема finRight.rotation.y = Math.PI / 4; // Разворачиваем немного вперед в другую сторону fish.add(finRight); // ГЛАЗА (шарики) - БЕЗ ИЗМЕНЕНИЙ var eyeMaterial = new THREE.MeshLambertMaterial({ color: 0x000000 }); // Черные глаза var eyeGeometry = new THREE.SphereGeometry(0.08, 16, 16); // Маленькие шарики для глаз var eyeLeft = new THREE.Mesh(eyeGeometry, eyeMaterial); eyeLeft.position.set(-0.5 + 0.05, 0.2, 0.2); // Слева спереди fish.add(eyeLeft); var eyeRight = new THREE.Mesh(eyeGeometry, eyeMaterial); eyeRight.position.set(-0.5 + 0.05, 0.2, -0.2); // Справа спереди fish.add(eyeRight); // ЮСТИРОВКА ДЛЯ РЫБКИ var WS = 1; // Масштаб рыбки (по умолчанию 1, можно менять) fish.scale.set(WS, WS, WS); fish.rotation.y = -Math.PI/4; // Небольшой поворот для разнообразия (можно настроить) fish.position.y = 0.1; // Немного приподнимем рыбку (можно настроить) // КОНТЕЙНЕР ВЫВОДА var out = new THREE.Object3D(); out.add(fish); return out; // Возвращаем контейнер с рыбкой } function DrawStone() { var stone = new THREE.Object3D(); // **Контейнер для камня** var stoneMaterial = new THREE.MeshLambertMaterial({ color: 0x888888 }); // Серый цвет камней var cubeGeometry = new THREE.CubeGeometry(0.05, 0.05, 0.05); // Размер кубиков для камня const numCubes = 7 + Math.round(Math.random()*8); // Случайное кол-во кубиков на камень for (let i = 0; i < numCubes; i++) { var cube = new THREE.Mesh(cubeGeometry, stoneMaterial); cube.position.set( (Math.random() - 0.5) * 0.15, // Случайное смещение X (Math.random() - 0.5) * 0.05, // Случайное смещение Y (немного вверх-вниз) (Math.random() - 0.5) * 0.15 // Случайное смещение Z ); cube.scale.set( 1 + Math.random() * 0.5, // Случайное масштабирование X 1 + Math.random() * 0.5, // Случайное масштабирование Y 1 + Math.random() * 0.5 // Случайное масштабирование Z ); stone.add(cube); // **Добавляем кубик в контейнер** } // **ЮСТИРОВКА ДЛЯ КАМНЯ** var WS = 1; // Масштаб камня (можно менять) stone.scale.set(WS, WS, WS); stone.rotation.y = Math.random() * Math.PI; // Случайный поворот для разнообразия stone.rotation.x = (Math.random() - 0.5) * Math.PI / 8; // Небольшой наклон stone.rotation.z = (Math.random() - 0.5) * Math.PI / 8; // Еще наклон stone.position.y = -0.02; // Немного опустим, чтобы лучше сидели на грунте // **КОНТЕЙНЕР ВЫВОДА** var out = new THREE.Object3D(); out.add(stone); // **Помещаем контейнер камня во внешний контейнер** return out; // Возвращаем внешний контейнер } function DrawSeaweed() { var seaweed = new THREE.Object3D(); // **Контейнер для водоросли** var seaweedMaterial = new THREE.MeshLambertMaterial({ color: 0x228B22 }); // Зеленый цвет водорослей (forestgreen) var cubeGeometry = new THREE.CubeGeometry(0.02, 0.08, 0.02); // Узкие и длинные кубики для водорослей const numSegments = 5 + Math.round(Math.random()*3); // Случайное кол-во сегментов for (let i = 0; i < numSegments; i++) { var segment = new THREE.Mesh(cubeGeometry, seaweedMaterial); segment.position.y = i * 0.07; // Размещаем сегменты друг над другом segment.position.x = (Math.random() - 0.5) * 0.03; // Небольшое случайное отклонение по X segment.position.z = (Math.random() - 0.5) * 0.03; // Небольшое случайное отклонение по Z seaweed.add(segment); // **Добавляем сегмент в контейнер** } // **ЮСТИРОВКА ДЛЯ ВОДОРОСЛИ** var WS = 1; // Масштаб водоросли (можно менять) seaweed.scale.set(WS, WS, WS); seaweed.rotation.y = Math.random() * Math.PI; // Случайный поворот seaweed.rotation.z = (Math.random() - 0.5) * Math.PI / 6; // Небольшой наклон seaweed.position.y = -0.01; // Немного опустим, чтобы лучше стояла на грунте // **КОНТЕЙНЕР ВЫВОДА** var out = new THREE.Object3D(); out.add(seaweed); // **Помещаем контейнер водоросли во внешний контейнер** return out; // Возвращаем внешний контейнер } function DrawTable() { var table = new THREE.Object3D(); // Контейнер для стола // МАТЕРИАЛ ДЛЯ СТОЛА var tableMaterial = new THREE.MeshLambertMaterial({ color: 0x8B4513 }); // Коричневый цвет дерева (brown) // СТОЛЕШНИЦА var столешницаGeometry = new THREE.CubeGeometry(2, 0.1, 1); // Размеры столешницы var столешница = new THREE.Mesh(столешницаGeometry, tableMaterial); столешница.position.y = 0.05; // Приподнимаем немного над ножками table.add(столешница); // НОЖКИ СТОЛА (4 штуки) var ножкаGeometry = new THREE.CubeGeometry(0.1, 1.5, 0.1); // Размеры ножки var ножка; // Передняя левая ножка ножка = new THREE.Mesh(ножкаGeometry, tableMaterial); ножка.position.set(-0.9, -0.7, 0.4); table.add(ножка); // Передняя правая ножка ножка = new THREE.Mesh(ножкаGeometry, tableMaterial); ножка.position.set(0.9, -0.7, 0.4); table.add(ножка); // Задняя левая ножка ножка = new THREE.Mesh(ножкаGeometry, tableMaterial); ножка.position.set(-0.9, -0.7, -0.4); table.add(ножка); // Задняя правая ножка ножка = new THREE.Mesh(ножкаGeometry, tableMaterial); ножка.position.set(0.9, -0.7, -0.4); table.add(ножка); // ЮСТИРОВКА СТОЛА (можно настроить общий размер и положение) var WS = 1; // Масштаб стола (можно менять) table.scale.set(WS, WS, WS); table.position.y = -5; // Опускаем стол на "пол" сцены // КОНТЕЙНЕР ВЫВОДА var out = new THREE.Object3D(); out.add(table); return out; } function DrawCastle() { var castle = new THREE.Object3D(); // Контейнер для замка // Материалы для разных частей замка var towerMaterial = new THREE.MeshLambertMaterial({ color: 0xC0C0C0 }); // Светло-серый для башен (как и было) var roofMaterial = new THREE.MeshLambertMaterial({ color: 0x8B4513 }); // Коричневый для крыш (например, цвет дерева) var wallMaterial = new THREE.MeshLambertMaterial({ color: 0xD3D3D3 }); // Светло-серый, но чуть светлее для стен // БАШНЯ (цилиндр) function createTower(radius, height, posY, material) { // Добавим параметр material var towerGeometry = new THREE.CylinderGeometry(radius, radius, height, 16); var tower = new THREE.Mesh(towerGeometry, material); // Используем переданный материал tower.position.y = posY + height / 2; return tower; } // СТЕНА (куб) function createWall(width, height, depth, posY, material) { // Добавим параметр material var wallGeometry = new THREE.CubeGeometry(width, height, depth); var wall = new THREE.Mesh(wallGeometry, material); // Используем переданный материал wall.position.y = posY + height / 2; return wall; } // КРЫША БАШНИ (конус) function createTowerRoof(radius, height, posY, material) { // Добавим параметр material var roofGeometry = new THREE.ConeGeometry(radius + 0.1, height, 16); var roof = new THREE.Mesh(roofGeometry, material); // Используем переданный материал roof.position.y = posY + height / 2; roof.rotation.y = Math.PI*1.25; return roof; } // Главная башня var mainTower = createTower(1, 4, 0, towerMaterial); // Передаем towerMaterial castle.add(mainTower); var mainRoof = createTowerRoof(1, 1.2, 4, roofMaterial); // Передаем roofMaterial mainRoof.position.y = 4 + 0.6; castle.add(mainRoof); // Маленькие башни по углам var smallTower1 = createTower(0.5, 2, 0, towerMaterial); // Передаем towerMaterial smallTower1.position.x = 2; smallTower1.position.z = 2; castle.add(smallTower1); var smallRoof1 = createTowerRoof(0.5, 0.8, 2, roofMaterial); // Передаем roofMaterial smallRoof1.position.x = 2; smallRoof1.position.z = 2; smallRoof1.position.y = 2 + 0.4; castle.add(smallRoof1); var smallTower2 = createTower(0.5, 2, 0, towerMaterial); // Передаем towerMaterial smallTower2.position.x = -2; smallTower2.position.z = 2; castle.add(smallTower2); var smallRoof2 = createTowerRoof(0.5, 0.8, 2, roofMaterial); // Передаем roofMaterial smallRoof2.position.x = -2; smallRoof2.position.z = 2; smallRoof2.position.y = 2 + 0.4; castle.add(smallRoof2); var smallTower3 = createTower(0.5, 2, 0, towerMaterial); // Передаем towerMaterial smallTower3.position.x = -2; smallTower3.position.z = -2; castle.add(smallTower3); var smallRoof3 = createTowerRoof(0.5, 0.8, 2, roofMaterial); // Передаем roofMaterial smallRoof3.position.x = -2; smallRoof3.position.z = -2; smallRoof3.position.y = 2 + 0.4; castle.add(smallRoof3); var smallTower4 = createTower(0.5, 2, 0, towerMaterial); // Передаем towerMaterial smallTower4.position.x = 2; smallTower4.position.z = -2; castle.add(smallTower4); var smallRoof4 = createTowerRoof(0.5, 0.8, 2, roofMaterial); // Передаем roofMaterial smallRoof4.position.x = 2; smallRoof4.position.z = -2; smallRoof4.position.y = 2 + 0.4; castle.add(smallRoof4); // Стены между башнями var wall1 = createWall(4, 1.5, 0.5, 0, wallMaterial); // Передаем wallMaterial wall1.position.z = 2; castle.add(wall1); var wall2 = createWall(4, 1.5, 0.5, 0, wallMaterial); // Передаем wallMaterial wall2.position.z = -2; castle.add(wall2); var wall3 = createWall(0.5, 1.5, 4, 0, wallMaterial); // Передаем wallMaterial wall3.position.x = 2; castle.add(wall3); var wall4 = createWall(0.5, 1.5, 4, 0, wallMaterial); // Передаем wallMaterial wall4.position.x = -2; castle.add(wall4); // ЮСТИРОВКА ЗАМКА var WS = 1; castle.scale.set(WS, WS, WS); castle.rotation.y = Math.PI/4; // КОНТЕЙНЕР ВЫВОДА var out = new THREE.Object3D(); out.add(castle); return out; } function DrawFlag() { var flag = new THREE.Object3D(); // Контейнер для флага // Материал для древка (можно использовать серый цвет камня или коричневый дерева) var flagpoleMaterial = new THREE.MeshLambertMaterial({ color: 0x777777 }); // Серый цвет древка // Материал для полотна флага (например, красный) var flagClothMaterial = new THREE.MeshLambertMaterial({ color: 0xAA0000 }); // Красный цвет полотна // Древко флага (тонкий цилиндр) var flagpoleGeometry = new THREE.CylinderGeometry(0.02, 0.02, 1.5, 8); // Тонкий и высокий цилиндр var flagpole = new THREE.Mesh(flagpoleGeometry, flagpoleMaterial); flag.add(flagpole); // Полотно флага (плоскость) var flagClothGeometry = new THREE.PlaneGeometry(0.5, 0.4); // Прямоугольное полотно var flagCloth = new THREE.Mesh(flagClothGeometry, flagClothMaterial); flagCloth.position.set(0, 0.75, -0.2); // Смещаем полотно вверх, к концу древка flagCloth.rotation.y = -Math.PI / 2; // Разворачиваем флаг, чтобы был виден сбоку flag.add(flagCloth); // Юстировка флага (можно настроить общий размер и положение, если нужно) var WS = 1; // Масштаб флага flag.scale.set(WS, WS, WS); flag.position.y = 0; // Настраиваем высоту флага (относительно точки крепления) var out = new THREE.Object3D(); out.add(flag); return out; } function DrawRadio() { var radio = new THREE.Object3D(); // Контейнер для радио // **КОРПУС РАДИО - КВАДРАТНЫЙ И ГОЛУБОЙ** var radioMaterial = new THREE.MeshLambertMaterial({ color: 0x87CEFA }); // Светло-голубой цвет (lightskyblue) var bodyGeometry = new THREE.CubeGeometry(1, 0.5, 0.6); // Квадратный корпус (примерно) var body = new THREE.Mesh(bodyGeometry, radioMaterial); radio.add(body); // **АНТЕННА - ЧЕРНАЯ** var antennaMaterial = new THREE.MeshLambertMaterial({ color: 0x000000 }); // Черный цвет var antennaGeometry = new THREE.CylinderGeometry(0.01, 0.01, 0.8, 8); // Тонкая антенна var antenna = new THREE.Mesh(antennaGeometry, antennaMaterial); antenna .rotation.z = Math.PI / 12; antenna.position.set(-0.4, 0.5, 0); // Располагаем антенну сверху radio.add(antenna); // Ручка настройки (цилиндр) var knobMaterial = new THREE.MeshLambertMaterial({ color: 0xAAAAAA }); // Светлее для ручки var knobGeometry = new THREE.CylinderGeometry(0.06, 0.06, 0.15, 8); // Цилиндр для ручки var knob1 = new THREE.Mesh(knobGeometry, knobMaterial); knob1.rotation.x = Math.PI / 2; // Поворачиваем ручку горизонтально knob1.position.set(0.3, 0.1, 0.3); // Располагаем ручку на корпусе radio.add(knob1); var knob2 = new THREE.Mesh(knobGeometry, knobMaterial); knob2.rotation.x = Math.PI / 2; // Поворачиваем ручку горизонтально knob2.position.set(0.3, -0.1, 0.3); // Располагаем ручку на корпусе radio.add(knob2); // **ЧЕРНЫЕ ПОЛОСКИ СЛЕВА** var stripeMaterial = new THREE.MeshLambertMaterial({ color: 0x000000 }); // Черный цвет для полосок var stripeGeometry = new THREE.CubeGeometry(0.5, 0.01, 0.02); // Тонкая полоска-кубик var stripe1 = new THREE.Mesh(stripeGeometry, stripeMaterial); stripe1.position.set(-0.2, 0.2, 0.3); // Верхняя полоска слева radio.add(stripe1); var stripe2 = new THREE.Mesh(stripeGeometry, stripeMaterial); stripe2.position.set(-0.2, 0.1, 0.3); // Нижняя полоска слева radio.add(stripe2); var stripe3 = new THREE.Mesh(stripeGeometry, stripeMaterial); stripe3.position.set(-0.2, 0, 0.3); // Нижняя полоска слева radio.add(stripe3); var stripe4 = new THREE.Mesh(stripeGeometry, stripeMaterial); stripe4.position.set(-0.2, -0.1, 0.3); // Нижняя полоска слева radio.add(stripe4); var stripe5 = new THREE.Mesh(stripeGeometry, stripeMaterial); stripe5.position.set(-0.2, -0.2, 0.3); // Нижняя полоска слева radio.add(stripe5); // ЮСТИРОВКА РАДИО (можно настроить размер и положение) var WS = 0.8; // Масштаб радио radio.scale.set(WS, WS, WS); radio.position.y = 0.25; // Приподнимаем над столом var out = new THREE.Object3D(); out.add(radio); return out; } function CreateScene(WC,HC) { if (typeof(sceneexist)=='undefined') { sceneexist=true; // объявление сцены scene = new THREE.Scene(); scene.background = new THREE.Color(0x444488 ); camera = new THREE.PerspectiveCamera(35,WC/HC,1,1000 ); camera.position.x = 0; camera.position.y = -40; camera.position.z = 20; camera.lookAt( scene.position ); renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true}); renderer.setPixelRatio( window.devicePixelRatio ); // привяжем отрисовку к html и высоте канвы // renderer.setSize( window.innerWidth, window.innerHeight ); document.getElementById("wCanvas").appendChild(renderer.domElement); renderer.setSize(WC,HC); // установим модуль управления камерой controls = new THREE.TrackballControls( camera,renderer.domElement ); controls.rotateSpeed = 1.0; controls.zoomSpeed = 1.2; controls.panSpeed = 0.8; controls.noZoom = false; controls.noPan = true; controls.staticMoving = false; controls.dynamicDampingFactor = 0.2; // источники света scene.add( new THREE.AmbientLight( 0x606060 ) ); // *** УВЕЛИЧИЛИ интенсивность рассеянного света (сделали светлее) var directionalLight = new THREE.DirectionalLight( 0xffffff, 1 ); directionalLight.position.set(0, 5, 5).normalize(); // *** ИЗМЕНИЛИ ПОЛОЖЕНИЕ направленного света (теперь сверху-спереди) scene.add( directionalLight ); directionalLight.position.set(0, 5, 5).normalize(); // Оставили второе добавление, хотя обычно достаточно одного scene.add( directionalLight ); }} {{html html}} Сделай анимацию рыбок, чтобы они плавали в ту сторону, куда смотрит голова