From de1b2f20cc0b2190e5e2cbdc743c78b0cd85b02b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=93=D0=BB=D0=B0=D0=B2=D1=80=D0=B5=D0=B4=20=7C=20Glavred?= Date: Mon, 28 Sep 2020 14:47:49 +0300 Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D1=8F=20=D0=BE=D1=82=20=D0=93=D0=BB=D0=B0=D0=B2=D1=80?= =?UTF-8?q?=D0=B5=D0=B4=D0=B0=20=D0=93=D0=B8=D1=82=D0=96=D0=A1=20|=20Chang?= =?UTF-8?q?es=20of=20GitJS=20Glavred?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- пуск|run.js | 57 +++++++++++++++++++++++++++++++++++++++ пуск|run.череда | 6 +++-- 2 files changed, 61 insertions(+), 2 deletions(-) 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