Установка цвета куба с помощью three.js

Я построил блок в функции, где его значение присваивается переменной с именем box, затем я попытался установить цвет узла, нажав «w», вызвав мою переменную блока и определив ее как другую произвольную переменную.

<html>
<head>
<title>My first three.js app</title>
<style>
    body { margin: 0; }
    canvas { width: 100%; height: 100% }
</style>
</head>
<body>
<script src = "js/three.js"></script>
<script>
    var scene = new THREE.Scene();
    var camera = new THREE.PerspectiveCamera( 75, 
    window.innerWidth/window.innerHeight, 0.1, 1000 );

    var renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    camera.position.z = 5;
    renderer.render( scene, camera );

    var box= function() {

        this.root = new THREE.Object3D;
}
    box.prototype.buildBox = function(){

        var geometry = new THREE.BoxGeometry( 0.2, 0.3, 0.1 );


        var material = new THREE.MeshLambertMaterial( {
        color: "white",  // CSS color names can be used!
        } );

        var a= new THREE.Mesh( geometry, material );
        this.root.add(a);
        return this.root;

};
this.scene.add(this.buildBox());
document.addEventListener("keydown", onDocumentKeyDown, false);
function onDocumentKeyDown(event) {
    var keyCode = event.which;
    this.Box = new box();
    var b = this.Box.buildBox();
    var keyCode = event.which;
    if (keyCode == 87)  {
        b.material.color.setHex (0xfff00);

}

    render();
</script>

у вас есть ошибки? Какой результат сейчас? Попробуйте использовать console.info(), если вы еще этого не сделали :)

— 04.11.2018 23:29

Насколько я понимаю, довольно много вещей идет не так. Не могли бы вы попытаться выяснить, работает ли каждая часть так, как вы ожидаете, и исправить то, что не работает, чтобы вы могли сузить свой вопрос до определенной части кода, которую вы все еще не понимаете?

— 04.11.2018 23:34

ну, я предполагаю, что все работает правильно, за исключением моей функции «onDocumentKeyDown (event)», я думаю, что я неправильно вызываю мою функцию buildBox.

— 05.11.2018 22:11

javascript three.js

04.11.2018 22:55

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Другие вопросы по теме

Глобальная переменная GLTFLoader не определена

A-Frame: как анимировать Orbit-Controls?

Как подобрать текстуру для определенного места на сфере

Audio.play () вызывает небольшую задержку

Самоотражение в three.js

Почему сетка вращается вокруг своей оси, а Objects3D вращается вокруг мировой оси?

Я хочу выбрать и повернуть узел с вводом с клавиатуры в three.js

THREE.Audio - получить currentTime и установить функцию onEnded

Пример изменения цвета автомобилей Threejs во время выполнения

Создайте что-то вроде канала Shadertoy в three.js, чтобы сохранить состояние программы в текстуре и прочитать его в шейдере "рендеринга"

Установка цвета куба с помощью three.js

Другие вопросы по теме

Похожие вопросы