- Вывод динамически изменяемых или реактивных данных в компоненте
переменных data
<template>
{{ Значение }}
</template>
<template>
{{ Значение }}
</template>
материал материал с цветом сonst material = new THREE.MeshBasicMaterial({color:0xdddddd}); материал с цветом принимает массив текстур ? const material = new THREE.MeshBasicMaterial({color:0xdddddd, envMap:[?]}) размер куба const cubeGeometry= new THREE.BoxGeometry(1,1,1); добавить код в функцию с работой по анимации cube.rotation.x+=0.01; cube.rotation.y+=0.01; вывод на экран const cube = new THREE.Mesh(cubeGeometry,material); scene.add(cube);
массив точек const points=[ new THREE.Vector2(0,0), new THREE.Vector2(1,1), ] материал с цветом const material = new THREE.LineBasicMaterial({color:0x00ff00}); const geometry = new THREE.BufferGeometry().setFromPoints(points); const line = new THREE.Line(geometry ,material ); scene.add(geometry);
три компонента scene, camera,renderer
компоненты
сцена const scene=new THREE.Scene(); цвет экрана scene.background=new THREE.Color(0xdddddd); камера const camera=new THREE.PerspectiveCamera(70,window.innerWidth/ window.innerHeight); установить позицию камеры camera.position.z=5; рендер const renderer=new THREE.WebGLRenderer(); размер по размеру экрану renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer,domElement); функция для обновление, перерисовка на экране и выполнения function animation(){ requestAnimationFrame(animate); renderer.render(scene,camera); } animate();
Установка Expo в Visual Studio Code
Terminal > New Terminal
Создание проекта в EXPO
Состав Проекта
Assets папка хранит img файлы (иконки, шрифты и т.д.)
node_modules содержит все пакеты для проекта
.gitignore содержит файлы, которые будут проигнорированы, если проект погружается в репозиторий
App.json описывает характеристики, относительно вашего проекта (имя,версия,ориентация)
package-lock.json описание зависимостей в проекте