Accessing and changing the renderer component properties in <a-scene>

Question

Below is a code snippet in A-Frame that I am using. I wish to access and manipulate the maxCanvasWidth and maxCanvasHeight properties of the renderer component using conditional statements in Javascript. I can't figure out how to do it.

<a-scene renderer ="antialias: true;

                   colorManagement: true;`

                   sortObjects: true;

                   physicallyCorrectLights: true;

                   maxCanvasWidth: 1920;

                   maxCanvasHeight: 1920;"></a-scene>

Example pseudo code of what I wish to implement:
<script>
var update = document.queryselector('a-scene');
if(fps < 60){
update.maxCanvasWidth = 800;
update.maxCanvasHeight = 800; }
</script>

mrossman · Accepted Answer · 2020-08-02 14:27:18Z

1

renderer is an attribute of the scene element, so you would use setAttribute. Specifically, refer to the documentation on updating multi-property component data.

e.g.

const scene = document.querySelector('a-scene');
scene.setAttribute('renderer', 'maxCanvasWidth', 800);

answered Aug 2, 2020 at 14:27

mrossman

5894 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

rishabh pathak · Accepted Answer · 2020-08-03 07:30:51Z

0

Actually, I was able to figure it out:

sceneEl = document.querySelector('a-scene');
sceneEl.maxCanvasSize = {height: , width: };

answered Aug 3, 2020 at 7:30

rishabh pathak

133 bronze badges

Collectives™ on Stack Overflow

Accessing and changing the renderer component properties in <a-scene>

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related