diff --git a/пуск|run.js b/пуск|run.js index 07571fc..df36844 100644 --- a/пуск|run.js +++ b/пуск|run.js @@ -140,3 +140,60 @@ мир.загрузчикGLTF = new THREE.GLTFLoader(); }; + +// // // // + +/* +ВстроитьОтрисовщикаThreeJS = мир => +{ + // Задать вид. + var css = ` +html, body { + margin: 0; +} + `; + var вид = document.createElement("style"); + вид.innerHTML = css; + document.head.appendChild(вид); + document.body.appendChild(мир.отрисовщик.domElement); +}; +*/ + +// // // // + + +НастроитьThreeJS = мир => +{ + мир.сцена = new THREE.Scene(); + мир.сцена.background = new THREE.Color(0xFFFFFF); + мир.камера = new THREE.PerspectiveCamera(45, 1, 0.1, 1000); + мир.ловецНажатий = new THREE.Raycaster(); + мир.отрисовщик = new THREE.WebGLRenderer({canvas: мир.канва, antialias: true}); +}; + + +// // // // + + +СоздатьКанвуThreeJS = мир => +{ + мир.канва = document.createElement("canvas"); + мир.канва.id = "канва-threejs"; + мир.канва.style = ` +position: fixed; +left: 0; +top: 0; +width: 100%; +height: 100%; + `; + var первый = document.body.firstChild; + if (первый) + { + document.body.insertBefore(мир.канва, первый); + } + else + { + document.body.appendChild(мир.канва); + } +}; + diff --git a/пуск|run.череда b/пуск|run.череда index 9bbcfa1..ab07dc9 100644 --- a/пуск|run.череда +++ b/пуск|run.череда @@ -1,6 +1,8 @@ -выбрали раскладку +пуск модулей маджонга + создать канву ThreeJS настроить ThreeJS - встроить отрисовщика ThreeJS +# встроить отрисовщика ThreeJS +выбрали раскладку отслеживать изменение размера окна браузера изменить размер отрисовщика ThreeJS создать загрузчик GLTF