Aframe maxCanvasWidth

test case for maxCanvasWidth & Height

by s_light

HTML

<script src="https://aframe.io/releases/1.2.0/aframe.js"></script>
<html>

  <head>
    <title>Aframe Test: maxCanvasSize</title>
  </head>

  <body>
    <a-scene 
    stats 
    embeddedxxx 
    shadow="type: pcfsoft; autoUpdate: true; enabled=true" 
    renderer="
            antialias: true;
            colorManagement: true;
            physicallyCorrectLights: true;
            maxCanvasWidth: 256;
            maxCanvasHeight: 256
            "
      >
      
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" animation__y="property: object3D.rotation.y; to: 360; dur: 30000; easing: linear; loop: true" shadow></a-box>
      <a-box position="1 0.5 -2.5" rotation="0 45 0" color="#4CC3D9" animation__y="property: object3D.rotation.y; to: -360; dur: 40000; easing: linear; loop: true" shadow></a-box>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>


      <a-entity id="light_sun" light="
                type: directional;
                intensity: 2;
                castShadow: true;
                shadowMapHeight: 64;
                shadowMapWidth: 64;
            " position="2 2 1"></a-entity>
      <a-entity light="type: ambient; intensity: 0.9;"></a-entity>
    </a-scene>
  </body>

</html>

CSS

html, 
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

a-scene {
  width: 100%;
  height: 100%;
}