Как использовать getAttribute для передачи значения, определенного в компоненте, а не атрибутов тэгов aframe? - PullRequest
Новая
       43

Как использовать getAttribute для передачи значения, определенного в компоненте, а не атрибутов тэгов aframe?

1 голос
/ 06 ноября 2019

Проблема:

В компоненте кадра score мне нужно извлечь текущее значение time из компонента timer, чтобы вычислить оценку.

Однако используя *Метод 1008 * возвращает либо значение NaN, либо [object Object].

Я попытался передать переменную time из timer в score, однако значение score либо не изменилосьили также отображается как NaN или [object Object]. Я довольно новичок в js и aframe, поэтому извиняюсь, если мой код грязный.

Примечание. Многие сущности не включены в рассматриваемый код для простоты.

JS Компоненты: 

         AFRAME.registerComponent('timer', {
                schema:{
                    value:{default: 60},
                },

                init: function B() {
                    var data = this.data;
                    var el = this.el; 
                    var time = 60;
                    if(time == 60 || time == 0){
                        start_b.addEventListener('click', function() {
                            setInterval(() => {
                                if(time > 0){
                            time--
                            el.setAttribute('text', 'value', time);};
                            }, 1000);
                    })}
                }});

            AFRAME.registerComponent('score', {
                  schema: {
                    el: {type: 'selector'},
                    score:{type: 'int', default: 0},
                },

            init: function () {
                var newScore = 0;
                var sceneEl = document.querySelector('a-scene'); 
                var scoreBoard = document.querySelector('#score_t');
                sceneEl.querySelector('#mix_b').addEventListener('click', () => {
                    var colorOutput = document.querySelector('#box');
                    var colorFrame = document.querySelector('#colorBox');
                    var timeDisplayV = document.querySelector('#timeDisplay');
                    var timeDisplayn = timeDisplayV.getAttribute('text', 'value');
                    var colorAsked = colorFrame.getAttribute('color');
                    var colorMade = colorOutput.getAttribute('color');

                    if(colorMade == colorAsked){
                        var timeDisplayn = timeDisplayV.getAttribute('text', 'value');
                        this.data.score = timeDisplayn
                        newScore = 'Score: ' + this.data.score
                        scoreBoard.setAttribute('text','value', newScore);
                    }
                });

                clear_b.addEventListener('click', function () {
                    el.setAttribute("color", "#ffffff");
                    });
                }
            });

HTML-теги: 

            <a-entity 
                id="score_t"
                text="value: Score: 0"
                position="0.7 0.45 -1" >
            </a-entity>

            <a-text 
                id="timeDisplay"
                timer="value:" 
                position="0.7 0.65 -1" 
                scale="0.3 0.3 0.3">
            </a-text>
...