cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

<a-scene id="aScene">
  <a-assets>
    <!-- Pardon the mess :-D This is just a base64 encoded collada file to define the tree mesh. you can find the original XML at https://github.com/donmccurdy/aframe-keyboard-controls/blob/master/examples/assets/tree1.dae -->
    <a-asset-item id="tree" src="data:tex/plain;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8Q09MTEFEQSB4bWxucz0iaHR0cDovL3d3dy5jb2xsYWRhLm9yZy8yMDA1LzExL0NPTExBREFTY2hlbWEiIHZlcnNpb249IjEuNC4xIj4NCiAgICA8YXNzZXQ+DQogICAgICAgIDxjb250cmlidXRvcj4NCiAgICAgICAgICAgIDxhdXRob3JpbmdfdG9vbD5DSU5FTUE0RCAxNS4wNjQgQ09MTEFEQSBFeHBvcnRlcjwvYXV0aG9yaW5nX3Rvb2w+DQogICAgICAgIDwvY29udHJpYnV0b3I+DQogICAgICAgIDxjcmVhdGVkPjIwMTUtMDgtMjhUMDU6NDA6MDRaPC9jcmVhdGVkPg0KICAgICAgICA8bW9kaWZpZWQ+MjAxNS0wOC0yOFQwNTo0MDowNFo8L21vZGlmaWVkPg0KICAgICAgICA8dW5pdCBtZXRlcj0iMC4wMSIgbmFtZT0iY2VudGltZXRlciIvPg0KICAgICAgICA8dXBfYXhpcz5ZX1VQPC91cF9heGlzPg0KICAgIDwvYXNzZXQ+DQogICAgPGxpYnJhcnlfaW1hZ2VzPg0KICAgICAgICA8aW1hZ2UgaWQ9IklEMTMiPg0KICAgICAgICAgICAgPGluaXRfZnJvbT5odHRwczovL2dpdGh1Yi5jb20vdGltb3RoeWplbGxpc29uL3dlYnZyLWRlbW9zL2Jsb2IvbWFzdGVyL3RleC9zaGFkb3ctY2lyY2xlLnBuZzwvaW5pdF9mcm9tPg0KICAgICAgICA8L2ltYWdlPg0KICAgIDwvbGlicmFyeV9pbWFnZXM+DQogICAgPGxpYnJhcnlfZWZmZWN0cz4NCiAgICAgICAgPGVmZmVjdCBpZD0iSUQyIj4NCiAgICAgICAgICAgIDxwcm9maWxlX0NPTU1PTj4NCiAgICAgICAgICAgICAgICA8dGVjaG5pcXVlIHNpZD0iQ09NTU9OIj4NCiAgICAgICAgICAgICAgICAgICAgPGJsaW5uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGRpZmZ1c2U+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNvbG9yPjAuOCAwLjggMC44IDE8L2NvbG9yPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaWZmdXNlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHNwZWN1bGFyPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjb2xvcj4wLjIgMC4yIDAuMiAxPC9jb2xvcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3BlY3VsYXI+DQogICAgICAgICAgICAgICAgICAgICAgICA8c2hpbmluZXNzPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmbG9hdD4wLjU8L2Zsb2F0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9zaGluaW5lc3M+DQogICAgICAgICAgICAgICAgICAgIDwvYmxpbm4+DQogICAgICAgICAgICAgICAgPC90ZWNobmlxdWU+DQogICAgICAgICAgICA8L3Byb2ZpbGVfQ09NTU9OPg0KICAgICAgICA8L2VmZmVjdD4NCiAgICAgICAgPGVmZmVjdCBpZD0iSUQ0Ij4NCiAgICAgICAgICAgIDxwcm9maWxlX0NPTU1PTj4NCiAgICAgICAgICAgICAgICA8dGVjaG5pcXVlIHNpZD0iQ09NTU9OIj4NCiAgICAgICAgICAgICAgICAgICAgPGJsaW5uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGRpZmZ1c2U+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNvbG9yPjAuMDYyNzQ1MSAwLjM5NjA3OCAwLjUxMzcyNSAxPC9jb2xvcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGlmZnVzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGVjdWxhcj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29sb3I+MC4yIDAuMiAwLjIgMTwvY29sb3I+DQogICAgICAgICAgICAgICAgICAgICAgICA8L3NwZWN1bGFyPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHNoaW5pbmVzcz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmxvYXQ+MC41PC9mbG9hdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2hpbmluZXNzPg0KICAgICAgICAgICAgICAgICAgICA8L2JsaW5uPg0KICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlPg0KICAgICAgICAgICAgPC9wcm9maWxlX0NPTU1PTj4NCiAgICAgICAgPC9lZmZlY3Q+DQogICAgICAgIDxlZmZlY3QgaWQ9IklENiI+DQogICAgICAgICAgICA8cHJvZmlsZV9DT01NT04+DQogICAgICAgICAgICAgICAgPHRlY2huaXF1ZSBzaWQ9IkNPTU1PTiI+DQogICAgICAgICAgICAgICAgICAgIDxibGlubj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxkaWZmdXNlPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjb2xvcj4wLjAyMzUyOTQgMC41NjQ3MDYgMC42MDc4NDMgMTwvY29sb3I+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2RpZmZ1c2U+DQogICAgICAgICAgICAgICAgICAgICAgICA8c3BlY3VsYXI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNvbG9yPjAuMiAwLjIgMC4yIDE8L2NvbG9yPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGVjdWxhcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxzaGluaW5lc3M+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZsb2F0PjAuNTwvZmxvYXQ+DQogICAgICAgICAgICAgICAgICAgICAgICA8L3NoaW5pbmVzcz4NCiAgICAgICAgICAgICAgICAgICAgPC9ibGlubj4NCiAgICAgICAgICAgICAgICA8L3RlY2huaXF1ZT4NCiAgICAgICAgICAgIDwvcHJvZmlsZV9DT01NT04+DQogICAgICAgIDwvZWZmZWN0Pg0KICAgICAgICA8ZWZmZWN0IGlkPSJJRDgiPg0KICAgICAgICAgICAgPHByb2ZpbGVfQ09NTU9OPg0KICAgICAgICAgICAgICAgIDx0ZWNobmlxdWUgc2lkPSJDT01NT04iPg0KICAgICAgICAgICAgICAgICAgICA8Ymxpbm4+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZGlmZnVzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29sb3I+MC4xNjQ3MDYgMC43MjU0OSAwLjcwMTk2MSAxPC9jb2xvcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGlmZnVzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGVjdWxhcj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29sb3I+MC4yIDAuMiAwLjIgMTwvY29sb3I+DQogICAgICAgICAgICAgICAgICAgICAgICA8L3NwZWN1bGFyPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHNoaW5pbmVzcz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmxvYXQ+MC41PC9mbG9hdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2hpbmluZXNzPg0KICAgICAgICAgICAgICAgICAgICA8L2JsaW5uPg0KICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlPg0KICAgICAgICAgICAgPC9wcm9maWxlX0NPTU1PTj4NCiAgICAgICAgPC9lZmZlY3Q+DQogICAgICAgIDxlZmZlY3QgaWQ9IklEMTAiPg0KICAgICAgICAgICAgPHByb2ZpbGVfQ09NTU9OPg0KICAgICAgICAgICAgICAgIDx0ZWNobmlxdWUgc2lkPSJDT01NT04iPg0KICAgICAgICAgICAgICAgICAgICA8Ymxpbm4+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZGlmZnVzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29sb3I+MC42NTQ5MDIgMC40NzQ1MSAwLjQxNTY4NiAxPC9jb2xvcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGlmZnVzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGVjdWxhcj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29sb3I+MC4yIDAuMiAwLjIgMTwvY29sb3I+DQogICAgICAgICAgICAgICAgICAgICAgICA8L3NwZWN1bGFyPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHNoaW5pbmVzcz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmxvYXQ+MC41PC9mbG9hdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2hpbmluZXNzPg0KICAgICAgICAgICAgICAgICAgICA8L2JsaW5uPg0KICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlPg0KICAgICAgICAgICAgPC9wcm9maWxlX0NPTU1PTj4NCiAgICAgICAgPC9lZmZlY3Q+DQogICAgICAgIDxlZmZlY3QgaWQ9IklEMTIiPg0KICAgICAgICAgICAgPHByb2ZpbGVfQ09NTU9OPg0KICAgICAgICAgICAgICAgIDxuZXdwYXJhbSBzaWQ9IklEMTQiPg0KICAgICAgICAgICAgICAgICAgICA8c3VyZmFjZSB0eXBlPSIyRCI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5pdF9mcm9tPklEMTM8L2luaXRfZnJvbT4NCiAgICAgICAgICAgICAgICAgICAgPC9zdXJmYWNlPg0KICAgICAgICAgICAgICAgIDwvbmV3cGFyYW0+DQogICAgICAgICAgICAgICAgPG5ld3BhcmFtIHNpZD0iSUQxNSI+DQogICAgICAgICAgICAgICAgICAgIDxzYW1wbGVyMkQ+DQogICAgICAgICAgICAgICAgICAgICAgICA8c291cmNlPklEMTQ8L3NvdXJjZT4NCiAgICAgICAgICAgICAgICAgICAgPC9zYW1wbGVyMkQ+DQogICAgICAgICAgICAgICAgPC9uZXdwYXJhbT4NCiAgICAgICAgICAgICAgICA8dGVjaG5pcXVlIHNpZD0iQ09NTU9OIj4NCiAgICAgICAgICAgICAgICAgICAgPGJsaW5uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGRpZmZ1c2U+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRleHR1cmUgdGV4dHVyZT0iSUQxNSIgdGV4Y29vcmQ9IlVWU0VUMCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaWZmdXNlPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHRyYW5zcGFyZW50IG9wYXF1ZT0iUkdCX1pFUk8iPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjb2xvcj4xIDEgMSAxPC9jb2xvcj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvdHJhbnNwYXJlbnQ+DQogICAgICAgICAgICAgICAgICAgICAgICA8dHJhbnNwYXJlbmN5Pg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmbG9hdD4wLjg4PC9mbG9hdD4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvdHJhbnNwYXJlbmN5Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPGluZGV4X29mX3JlZnJhY3Rpb24+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZsb2F0PjE8L2Zsb2F0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9pbmRleF9vZl9yZWZyYWN0aW9uPg0KICAgICAgICAgICAgICAgICAgICA8L2JsaW5uPg0KICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlPg0KICAgICAgICAgICAgPC9wcm9maWxlX0NPTU1PTj4NCiAgICAgICAgPC9lZmZlY3Q+DQogICAgPC9saWJyYXJ5X2VmZmVjdHM+DQogICAgPGxpYnJhcnlfbWF0ZXJpYWxzPg0KICAgICAgICA8bWF0ZXJpYWwgaWQ9IklEMSIgbmFtZT0iTWF0Ij4NCiAgICAgICAgICAgIDxpbnN0YW5jZV9lZmZlY3QgdXJsPSIjSUQyIi8+DQogICAgICAgIDwvbWF0ZXJpYWw+DQogICAgICAgIDxtYXRlcmlhbCBpZD0iSUQzIiBuYW1lPSJsZWF2ZXNfMyI+DQogICAgICAgICAgICA8aW5zdGFuY2VfZWZmZWN0IHVybD0iI0lENCIvPg0KICAgICAgICA8L21hdGVyaWFsPg0KICAgICAgICA8bWF0ZXJpYWwgaWQ9IklENSIgbmFtZT0ibGVhdmVzXzIiPg0KICAgICAgICAgICAgPGluc3RhbmNlX2VmZmVjdCB1cmw9IiNJRDYiLz4NCiAgICAgICAgPC9tYXRlcmlhbD4NCiAgICAgICAgPG1hdGVyaWFsIGlkPSJJRDciIG5hbWU9ImxlYXZlc18xIj4NCiAgICAgICAgICAgIDxpbnN0YW5jZV9lZmZlY3QgdXJsPSIjSUQ4Ii8+DQogICAgICAgIDwvbWF0ZXJpYWw+DQogICAgICAgIDxtYXRlcmlhbCBpZD0iSUQ5IiBuYW1lPSJ0cnVuayI+DQogICAgICAgICAgICA8aW5zdGFuY2VfZWZmZWN0IHVybD0iI0lEMTAiLz4NCiAgICAgICAgPC9tYXRlcmlhbD4NCiAgICAgICAgPG1hdGVyaWFsIGlkPSJJRDExIiBuYW1lPSJzaGFkb3ciPg0KICAgICAgICAgICAgPGluc3RhbmNlX2VmZmVjdCB1cmw9IiNJRDEyIi8+DQogICAgICAgIDwvbWF0ZXJpYWw+DQogICAgPC9saWJyYXJ5X21hdGVyaWFscz4NCiAgICA8bGlicmFyeV9nZW9tZXRyaWVzPg0KICAgICAgICA8Z2VvbWV0cnkgaWQ9IklEMTkiPg0KICAgICAgICAgICAgPG1lc2g+DQogICAgICAgICAgICAgICAgPHNvdXJjZSBpZD0iSUQyMCI+DQogICAgICAgICAgICAgICAgICAgIDxmbG9hdF9hcnJheSBpZD0iSUQyMSIgY291bnQ9IjE2OCI+LTQwIC04MC41IDQwIDQwIC04MC41IDQwIDQwIC04MC41IC00MCAtNDAgLTgwLjUgLTQwIC00MCAtNzcuNTcxMSA0Ny4wNzExIDQwIC03Ny41NzExIDQ3LjA3MTEgNDUgLTc3LjU3MTEgNDUgNDcuMDcxMSAtNzcuNTcxMSA0MCA0Ny4wNzExIC03Ny41NzExIC00MCA0NSAtNzcuNTcxMSAtNDUgNDAgLTc3LjU3MTEgLTQ3LjA3MTEgLTQwIC03Ny41NzExIC00Ny4wNzExIC00NSAtNzcuNTcxMSAtNDUgLTQ3LjA3MTEgLTc3LjU3MTEgLTQwIC00Ny4wNzExIC03Ny41NzExIDQwIC00NSAtNzcuNTcxMSA0NSAtNDAgLTcwLjUgNTAgNDAgLTcwLjUgNTAgNDcuMDcxMSAtNzAuNSA0Ny4wNzExIDUwIC03MC41IDQwIDUwIC03MC41IC00MCA0Ny4wNzExIC03MC41IC00Ny4wNzExIDQwIC03MC41IC01MCAtNDAgLTcwLjUgLTUwIC00Ny4wNzExIC03MC41IC00Ny4wNzExIC01MCAtNzAuNSAtNDAgLTUwIC03MC41IDQwIC00Ny4wNzExIC03MC41IDQ3LjA3MTEgLTQwIDcwLjUgNTAgNDAgNzAuNSA1MCA0Ny4wNzExIDcwLjUgNDcuMDcxMSA1MCA3MC41IDQwIDUwIDcwLjUgLTQwIDQ3LjA3MTEgNzAuNSAtNDcuMDcxMSA0MCA3MC41IC01MCAtNDAgNzAuNSAtNTAgLTQ3LjA3MTEgNzAuNSAtNDcuMDcxMSAtNTAgNzAuNSAtNDAgLTUwIDcwLjUgNDAgLTQ3LjA3MTEgNzAuNSA0Ny4wNzExIC00MCA3Ny41NzExIDQ3LjA3MTEgNDAgNzcuNTcxMSA0Ny4wNzExIDQ1IDc3LjU3MTEgNDUgNDcuMDcxMSA3Ny41NzExIDQwIDQ3LjA3MTEgNzcuNTcxMSAtNDAgNDUgNzcuNTcxMSAtNDUgNDAgNzcuNTcxMSAtNDcuMDcxMSAtNDAgNzcuNTcxMSAtNDcuMDcxMSAtNDUgNzcuNTcxMSAtNDUgLTQ3LjA3MTEgNzcuNTcxMSAtNDAgLTQ3LjA3MTEgNzcuNTcxMSA0MCAtNDUgNzcuNTcxMSA0NSAtNDAgODAuNSA0MCA0MCA4MC41IDQwIDQwIDgwLjUgLTQwIC00MCA4MC41IC00MDwvZmxvYXRfYXJyYXk+DQogICAgICAgICAgICAgICAgICAgIDx0ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGFjY2Vzc29yIGNvdW50PSI1NiIgc291cmNlPSIjSUQyMSIgc3RyaWRlPSIzIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWCIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWSIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWiIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvYWNjZXNzb3I+DQogICAgICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlX2NvbW1vbj4NCiAgICAgICAgICAgICAgICA8L3NvdXJjZT4NCiAgICAgICAgICAgICAgICA8c291cmNlIGlkPSJJRDIyIj4NCiAgICAgICAgICAgICAgICAgICAgPGZsb2F0X2FycmF5IGlkPSJJRDIzIiBjb3VudD0iMjEwIj4tMC4wNzg1MjE0IC0wLjkyMTAyNyAwLjM4MTUwMiAwLjA3ODUyMTQgLTAuOTIxMDI3IDAuMzgxNTAyIDAgLTAuMzgyNjgzIDAuOTIzODggMCAwIDEgMCAwLjM4MjY4MyAwLjkyMzg4IC0wLjA3ODUyMTQgMC45MjEwMjcgMC4zODE1MDIgMC4wNzg1MjE0IDAuOTIxMDI3IDAuMzgxNTAyIDAuMTU2NTU4IC0wLjkxMjQ4NyAwLjM3Nzk2NCAwLjM1NzQwNyAtMC4zNTc0MDcgMC44NjI4NTYgMC4zODI2ODMgMCAwLjkyMzg4IDAuMzU3NDA3IDAuMzU3NDA3IDAuODYyODU2IDAuMTU2NTU4IDAuOTEyNDg3IDAuMzc3OTY0IDAuMzgxNTAyIC0wLjkyMTAyNyAwLjA3ODUyMTQgMC4zNzc5NjQgLTAuOTEyNDg3IDAuMTU2NTU4IDAuODYyODU2IC0wLjM1NzQwNyAwLjM1NzQwNyAwLjkyMzg4IDAgMC4zODI2ODMgMC44NjI4NTYgMC4zNTc0MDcgMC4zNTc0MDcgMC4zNzc5NjQgMC45MTI0ODcgMC4xNTY1NTggMC4zODE1MDIgMC45MjEwMjcgMC4wNzg1MjE0IDAuMzgxNTAyIC0wLjkyMTAyNyAtMC4wNzg1MjE0IDAuOTIzODggLTAuMzgyNjgzIC0wIDEgMCAtMCAwLjkyMzg4IDAuMzgyNjgzIC0wIDAuMzgxNTAyIDAuOTIxMDI3IC0wLjA3ODUyMTQgMC4zNzc5NjQgLTAuOTEyNDg3IC0wLjE1NjU1OCAwLjg2Mjg1NiAtMC4zNTc0MDcgLTAuMzU3NDA3IDAuOTIzODggMCAtMC4zODI2ODMgMC44NjI4NTYgMC4zNTc0MDcgLTAuMzU3NDA3IDAuMzc3OTY0IDAuOTEyNDg3IC0wLjE1NjU1OCAwLjA3ODUyMTQgLTAuOTIxMDI3IC0wLjM4MTUwMiAwLjE1NjU1OCAtMC45MTI0ODcgLTAuMzc3OTY0IDAuMzU3NDA3IC0wLjM1NzQwNyAtMC44NjI4NTYgMC4zODI2ODMgMCAtMC45MjM4OCAwLjM1NzQwNyAwLjM1NzQwNyAtMC44NjI4NTYgMC4xNTY1NTggMC45MTI0ODcgLTAuMzc3OTY0IDAuMDc4NTIxNCAwLjkyMTAyNyAtMC4zODE1MDIgLTAuMDc4NTIxNCAtMC45MjEwMjcgLTAuMzgxNTAyIDAgLTAuMzgyNjgzIC0wLjkyMzg4IDAgMCAtMSAwIDAuMzgyNjgzIC0wLjkyMzg4IC0wLjA3ODUyMTQgMC45MjEwMjcgLTAuMzgxNTAyIC0wLjE1NjU1OCAtMC45MTI0ODcgLTAuMzc3OTY0IC0wLjM1NzQwNyAtMC4zNTc0MDcgLTAuODYyODU2IC0wLjM4MjY4MyAwIC0wLjkyMzg4IC0wLjM1NzQwNyAwLjM1NzQwNyAtMC44NjI4NTYgLTAuMTU2NTU4IDAuOTEyNDg3IC0wLjM3Nzk2NCAtMC4zODE1MDIgLTAuOTIxMDI3IC0wLjA3ODUyMTQgLTAuMzc3OTY0IC0wLjkxMjQ4NyAtMC4xNTY1NTggLTAuODYyODU2IC0wLjM1NzQwNyAtMC4zNTc0MDcgLTAuOTIzODggMCAtMC4zODI2ODMgLTAuODYyODU2IDAuMzU3NDA3IC0wLjM1NzQwNyAtMC4zNzc5NjQgMC45MTI0ODcgLTAuMTU2NTU4IC0wLjM4MTUwMiAwLjkyMTAyNyAtMC4wNzg1MjE0IC0wLjM4MTUwMiAtMC45MjEwMjcgMC4wNzg1MjE0IC0wLjkyMzg4IC0wLjM4MjY4MyAtMCAtMSAwIC0wIC0wLjkyMzg4IDAuMzgyNjgzIC0wIC0wLjM4MTUwMiAwLjkyMTAyNyAwLjA3ODUyMTQgLTAuMzc3OTY0IC0wLjkxMjQ4NyAwLjE1NjU1OCAtMC44NjI4NTYgLTAuMzU3NDA3IDAuMzU3NDA3IC0wLjkyMzg4IDAgMC4zODI2ODMgLTAuODYyODU2IDAuMzU3NDA3IDAuMzU3NDA3IC0wLjM3Nzk2NCAwLjkxMjQ4NyAwLjE1NjU1OCAtMC4xNTY1NTggLTAuOTEyNDg3IDAuMzc3OTY0IC0wLjM1NzQwNyAtMC4zNTc0MDcgMC44NjI4NTYgLTAuMzgyNjgzIDAgMC45MjM4OCAtMC4zNTc0MDcgMC4zNTc0MDcgMC44NjI4NTYgLTAuMTU2NTU4IDAuOTEyNDg3IDAuMzc3OTY0IDAgMSAtMCAwIC0xIC0wPC9mbG9hdF9hcnJheT4NCiAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8YWNjZXNzb3IgY291bnQ9IjcwIiBzb3VyY2U9IiNJRDIzIiBzdHJpZGU9IjMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJYIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJZIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJaIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9hY2Nlc3Nvcj4NCiAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgIDwvc291cmNlPg0KICAgICAgICAgICAgICAgIDxzb3VyY2UgaWQ9IklEMjQiPg0KICAgICAgICAgICAgICAgICAgICA8ZmxvYXRfYXJyYXkgaWQ9IklEMjUiIGNvdW50PSI1MiI+MCAwIDAgMC4wNDU1NTI2IDAuODM1ODc2IDAuMDQ1NTUyNiAwLjgzNTg3NiAwIDAgMC4wOTExMDUxIDAuODM1ODc2IDAuMDkxMTA1MSAwIDAuOTA4ODk1IDAuODM1ODc2IDAuOTA4ODk1IDAgMC45NTQ0NDcgMC44MzU4NzYgMC45NTQ0NDcgMCAxIDAuODM1ODc2IDEgMC44NzY5MDcgMCAwLjkxNzkzOCAwLjA0NTU1MjYgMC45MTc5MzggMC4wOTExMDUxIDAuOTE3OTM4IDAuOTA4ODk1IDAuOTE3OTM4IDAuOTU0NDQ3IDAuODc2OTA3IDEgMC45NTg5NjkgMCAxIDAuMDQ1NTUyNiAxIDAuMDkxMTA1MSAxIDAuOTA4ODk1IDEgMC45NTQ0NDcgMC45NTg5NjkgMSAxIDEgMSAwPC9mbG9hdF9hcnJheT4NCiAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8YWNjZXNzb3IgY291bnQ9IjI2IiBzb3VyY2U9IiNJRDI1IiBzdHJpZGU9IjIiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJTIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJUIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9hY2Nlc3Nvcj4NCiAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgIDwvc291cmNlPg0KICAgICAgICAgICAgICAgIDx2ZXJ0aWNlcyBpZD0iSUQyNiI+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBzZW1hbnRpYz0iUE9TSVRJT04iIHNvdXJjZT0iI0lEMjAiLz4NCiAgICAgICAgICAgICAgICA8L3ZlcnRpY2VzPg0KICAgICAgICAgICAgICAgIDxwb2x5bGlzdCBjb3VudD0iNjIiIG1hdGVyaWFsPSJNYXRlcmlhbDEiPg0KICAgICAgICAgICAgICAgICAgICA8aW5wdXQgb2Zmc2V0PSIwIiBzZW1hbnRpYz0iVkVSVEVYIiBzb3VyY2U9IiNJRDI2Ii8+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBvZmZzZXQ9IjEiIHNlbWFudGljPSJOT1JNQUwiIHNvdXJjZT0iI0lEMjIiLz4NCiAgICAgICAgICAgICAgICAgICAgPGlucHV0IG9mZnNldD0iMiIgc2VtYW50aWM9IlRFWENPT1JEIiBzb3VyY2U9IiNJRDI0IiBzZXQ9IjAiLz4NCiAgICAgICAgICAgICAgICAgICAgPHZjb3VudD40IDQgNCA0IDQgMyA0IDQgNCAzIDMgNCA0IDQgMyA0IDQgNCA0IDQgMyA0IDQgNCAzIDMgNCA0IDQgMyA0IDQgNCA0IDQgMyA0IDQgNCAzIDMgNCA0IDQgMyA0IDQgNCA0IDQgMyA0IDQgNCAzIDMgNCA0IDQgMyA0IDQ8L3Zjb3VudD4NCiAgICAgICAgICAgICAgICAgICAgPHA+MSAxIDMgNSAxIDIgNCAwIDEgMCAwIDAgNSAyIDIgMTcgMiA1IDE2IDIgNCA0IDIgMSAxNyAzIDUgMjkgMyA3IDI4IDMgNiAxNiAzIDQgMjkgNCA3IDQxIDQgOSA0MCA0IDggMjggNCA2IDQxIDYgOSA1MyA2IDExIDUyIDUgMTAgNDAgNSA4IDYgNyAxMyA1IDEgMiAxIDEgMTIgNiA4IDEzIDE4IDggMTQgMTcgOCA1IDUgOCAyIDE4IDkgMTQgMzAgOSAxNSAyOSA5IDcgMTcgOSA1IDMwIDEwIDE1IDQyIDEwIDE2IDQxIDEwIDkgMjkgMTAgNyA0MiAxMSAxNiA1MyA2IDE3IDQxIDYgOSA3IDEyIDE5IDYgMTMgMTMgMSAxMiAxOCA3IDE0IDE5IDE5IDE0IDIwIDE4IDE0IDE0IDYgMTQgMTMgMTkgMTUgMjAgMzEgMTUgMjEgMzAgMTUgMTUgMTggMTUgMTQgMzEgMTYgMjEgNDMgMTYgMjIgNDIgMTYgMTYgMzAgMTYgMTUgNDMgMTggMjIgNTMgMTggMjMgNDIgMTcgMTYgMiAxOSAzIDggMTkgMiA3IDEyIDEgMSAxMiAwIDggMjAgMiAyMCAyMCA1IDE5IDIwIDQgNyAyMCAxIDIwIDIxIDUgMzIgMjEgNyAzMSAyMSA2IDE5IDIxIDQgMzIgMjIgNyA0NCAyMiA5IDQzIDIyIDggMzEgMjIgNiA0NCAyMyA5IDU0IDIzIDExIDUzIDE4IDEwIDQzIDE4IDggOSAyNCAxMyA4IDE5IDIgMiAxOSAxMiA5IDI1IDEzIDIxIDI1IDE0IDIwIDI1IDUgOCAyNSAyIDIxIDI2IDE0IDMzIDI2IDE1IDMyIDI2IDcgMjAgMjYgNSAzMyAyNyAxNSA0NSAyNyAxNiA0NCAyNyA5IDMyIDI3IDcgNDUgMjggMTYgNTQgMjMgMTcgNDQgMjMgOSAxMCAyOSAxOSA5IDMwIDEzIDIgMjkgMTggMTAgMzEgMTkgMjIgMzEgMjAgMjEgMzEgMTQgOSAzMSAxMyAyMiAzMiAyMCAzNCAzMiAyMSAzMyAzMiAxNSAyMSAzMiAxNCAzNCAzMyAyMSA0NiAzMyAyMiA0NSAzMyAxNiAzMyAzMyAxNSA0NiAzNSAyMiA1NCAzNSAyMyA0NSAzNCAxNiAzIDM2IDMgMTEgMzYgMiAxMCAyOSAxIDIgMjkgMCAxMSAzNyAyIDIzIDM3IDUgMjIgMzcgNCAxMCAzNyAxIDIzIDM4IDUgMzUgMzggNyAzNCAzOCA2IDIyIDM4IDQgMzUgMzkgNyA0NyAzOSA5IDQ2IDM5IDggMzQgMzkgNiA0NyA0MCA5IDU1IDQwIDExIDU0IDM1IDEwIDQ2IDM1IDggMTIgNDEgMTMgMTEgMzYgMiAzIDM2IDEyIDEyIDQyIDEzIDI0IDQyIDE0IDIzIDQyIDUgMTEgNDIgMiAyNCA0MyAxNCAzNiA0MyAxNSAzNSA0MyA3IDIzIDQzIDUgMzYgNDQgMTUgNDggNDQgMTYgNDcgNDQgOSAzNSA0NCA3IDQ4IDQ1IDE2IDU1IDQwIDE3IDQ3IDQwIDkgMTMgNDYgMTkgMTIgNDcgMTMgMyA0NiAxOCAxMyA0OCAxOSAyNSA0OCAyMCAyNCA0OCAxNCAxMiA0OCAxMyAyNSA0OSAyMCAzNyA0OSAyMSAzNiA0OSAxNSAyNCA0OSAxNCAzNyA1MCAyMSA0OSA1MCAyMiA0OCA1MCAxNiAzNiA1MCAxNSA0OSA1MiAyMiA1NSA1MiAyMyA0OCA1MSAxNiAwIDUzIDMgMTQgNTMgMiAxMyA0NiAxIDMgNDYgMCAxNCA1NCAyIDI2IDU0IDUgMjUgNTQgNCAxMyA1NCAxIDI2IDU1IDUgMzggNTUgNyAzNyA1NSA2IDI1IDU1IDQgMzggNTYgNyA1MCA1NiA5IDQ5IDU2IDggMzcgNTYgNiA1MCA1NyA5IDUyIDU3IDExIDU1IDUyIDEwIDQ5IDUyIDggMTUgNTggMTMgMTQgNTMgMiAwIDUzIDEyIDE1IDU5IDEzIDI3IDU5IDE0IDI2IDU5IDUgMTQgNTkgMiAyNyA2MCAxNCAzOSA2MCAxNSAzOCA2MCA3IDI2IDYwIDUgMzkgNjEgMTUgNTEgNjEgMTYgNTAgNjEgOSAzOCA2MSA3IDUxIDYyIDE2IDUyIDU3IDE3IDUwIDU3IDkgNCAwIDE5IDE1IDYzIDEzIDAgMCAxOCA0IDY0IDE5IDE2IDY0IDIwIDI3IDY0IDE0IDE1IDY0IDEzIDE2IDY1IDIwIDI4IDY1IDIxIDM5IDY1IDE1IDI3IDY1IDE0IDI4IDY2IDIxIDQwIDY2IDIyIDUxIDY2IDE2IDM5IDY2IDE1IDQwIDUgMjIgNTIgNSAyMyA1MSA2NyAxNiA1MyA2OCAyNSA1NCA2OCAyNCA1NSA2OCAxMCA1MiA2OCAwIDMgNjkgMCAyIDY5IDI1IDEgNjkgMjQgMCA2OSAxMDwvcD4NCiAgICAgICAgICAgICAgICA8L3BvbHlsaXN0Pg0KICAgICAgICAgICAgPC9tZXNoPg0KICAgICAgICA8L2dlb21ldHJ5Pg0KICAgICAgICA8Z2VvbWV0cnkgaWQ9IklEMjgiPg0KICAgICAgICAgICAgPG1lc2g+DQogICAgICAgICAgICAgICAgPHNvdXJjZSBpZD0iSUQyOSI+DQogICAgICAgICAgICAgICAgICAgIDxmbG9hdF9hcnJheSBpZD0iSUQzMCIgY291bnQ9IjE1MCI+MCAtNTAgMCAwIDUwIDAgMTAgLTUwIC0wIDEwIC01MCAtMCAxMCA1MCAtMCAxMCA1MCAtMCA4LjY2MDI1IC01MCAtNSA4LjY2MDI1IC01MCAtNSA4LjY2MDI1IDUwIC01IDguNjYwMjUgNTAgLTUgNSAtNTAgLTguNjYwMjUgNSAtNTAgLTguNjYwMjUgNSA1MCAtOC42NjAyNSA1IDUwIC04LjY2MDI1IDYuMTIzMjNlLTE2IC01MCAtMTAgNi4xMjMyM2UtMTYgLTUwIC0xMCA2LjEyMzIzZS0xNiA1MCAtMTAgNi4xMjMyM2UtMTYgNTAgLTEwIC01IC01MCAtOC42NjAyNSAtNSAtNTAgLTguNjYwMjUgLTUgNTAgLTguNjYwMjUgLTUgNTAgLTguNjYwMjUgLTguNjYwMjUgLTUwIC01IC04LjY2MDI1IC01MCAtNSAtOC42NjAyNSA1MCAtNSAtOC42NjAyNSA1MCAtNSAtMTAgLTUwIC0xLjIyNDY1ZS0xNSAtMTAgLTUwIC0xLjIyNDY1ZS0xNSAtMTAgNTAgLTEuMjI0NjVlLTE1IC0xMCA1MCAtMS4yMjQ2NWUtMTUgLTguNjYwMjUgLTUwIDUgLTguNjYwMjUgLTUwIDUgLTguNjYwMjUgNTAgNSAtOC42NjAyNSA1MCA1IC01IC01MCA4LjY2MDI1IC01IC01MCA4LjY2MDI1IC01IDUwIDguNjYwMjUgLTUgNTAgOC42NjAyNSAtMS44MzY5N2UtMTUgLTUwIDEwIC0xLjgzNjk3ZS0xNSAtNTAgMTAgLTEuODM2OTdlLTE1IDUwIDEwIC0xLjgzNjk3ZS0xNSA1MCAxMCA1IC01MCA4LjY2MDI1IDUgLTUwIDguNjYwMjUgNSA1MCA4LjY2MDI1IDUgNTAgOC42NjAyNSA4LjY2MDI1IC01MCA1IDguNjYwMjUgLTUwIDUgOC42NjAyNSA1MCA1IDguNjYwMjUgNTAgNTwvZmxvYXRfYXJyYXk+DQogICAgICAgICAgICAgICAgICAgIDx0ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGFjY2Vzc29yIGNvdW50PSI1MCIgc291cmNlPSIjSUQzMCIgc3RyaWRlPSIzIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWCIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWSIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWiIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvYWNjZXNzb3I+DQogICAgICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlX2NvbW1vbj4NCiAgICAgICAgICAgICAgICA8L3NvdXJjZT4NCiAgICAgICAgICAgICAgICA8c291cmNlIGlkPSJJRDMxIj4NCiAgICAgICAgICAgICAgICAgICAgPGZsb2F0X2FycmF5IGlkPSJJRDMyIiBjb3VudD0iNDIiPjAgLTEgLTAgMSAwIC0wIDAuODY2MDI2IDAgLTAuNSAwIDEgLTAgMC41IDAgLTAuODY2MDI2IDAgMCAtMSAtMC41IDAgLTAuODY2MDI2IC0wLjg2NjAyNiAwIC0wLjUgLTEgMCAtMCAtMC44NjYwMjYgMCAwLjUgLTAuNSAwIDAuODY2MDI2IDAgMCAxIDAuNSAwIDAuODY2MDI2IDAuODY2MDI2IDAgMC41PC9mbG9hdF9hcnJheT4NCiAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8YWNjZXNzb3IgY291bnQ9IjE0IiBzb3VyY2U9IiNJRDMyIiBzdHJpZGU9IjMiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJYIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJZIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJaIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9hY2Nlc3Nvcj4NCiAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgIDwvc291cmNlPg0KICAgICAgICAgICAgICAgIDxzb3VyY2UgaWQ9IklEMzMiPg0KICAgICAgICAgICAgICAgICAgICA8ZmxvYXRfYXJyYXkgaWQ9IklEMzQiIGNvdW50PSI3NCI+MC41IDAuNSAwIDAuNSAwLjA2Njk4NzMgMC43NSAwIDAgMCAxIDAuMDgzMzMzMyAxIDAuMDgzMzMzMyAwIDEgMC41IDAuOTMzMDEzIDAuNzUgMC4yNSAwLjkzMzAxMyAwLjE2NjY2NyAxIDAuMTY2NjY3IDAgMC43NSAwLjkzMzAxMyAwLjUgMSAwLjI1IDEgMC4yNSAwIDAuMzMzMzMzIDEgMC4zMzMzMzMgMCAwLjQxNjY2NyAxIDAuNDE2NjY3IDAgMC41IDAgMC45MzMwMTMgMC4yNSAwLjU4MzMzMyAxIDAuNTgzMzMzIDAgMC4wNjY5ODczIDAuMjUgMC43NSAwLjA2Njk4NzMgMC42NjY2NjcgMSAwLjY2NjY2NyAwIDAuMjUgMC4wNjY5ODczIDAuNzUgMSAwLjc1IDAgMC44MzMzMzMgMSAwLjgzMzMzMyAwIDAuOTE2NjY3IDEgMC45MTY2NjcgMCAxIDEgMSAwPC9mbG9hdF9hcnJheT4NCiAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8YWNjZXNzb3IgY291bnQ9IjM3IiBzb3VyY2U9IiNJRDM0IiBzdHJpZGU9IjIiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJTIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJUIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9hY2Nlc3Nvcj4NCiAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgIDwvc291cmNlPg0KICAgICAgICAgICAgICAgIDx2ZXJ0aWNlcyBpZD0iSUQzNSI+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBzZW1hbnRpYz0iUE9TSVRJT04iIHNvdXJjZT0iI0lEMjkiLz4NCiAgICAgICAgICAgICAgICA8L3ZlcnRpY2VzPg0KICAgICAgICAgICAgICAgIDxwb2x5bGlzdCBjb3VudD0iMzYiIG1hdGVyaWFsPSJNYXRlcmlhbDEiPg0KICAgICAgICAgICAgICAgICAgICA8aW5wdXQgb2Zmc2V0PSIwIiBzZW1hbnRpYz0iVkVSVEVYIiBzb3VyY2U9IiNJRDM1Ii8+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBvZmZzZXQ9IjEiIHNlbWFudGljPSJOT1JNQUwiIHNvdXJjZT0iI0lEMzEiLz4NCiAgICAgICAgICAgICAgICAgICAgPGlucHV0IG9mZnNldD0iMiIgc2VtYW50aWM9IlRFWENPT1JEIiBzb3VyY2U9IiNJRDMzIiBzZXQ9IjAiLz4NCiAgICAgICAgICAgICAgICAgICAgPHZjb3VudD4zIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMyAzIDQgMzwvdmNvdW50Pg0KICAgICAgICAgICAgICAgICAgICA8cD42IDAgMiAyIDAgMSAwIDAgMCA3IDIgNiA4IDIgNSA0IDEgNCAzIDEgMyA5IDMgOCAxIDMgMCA1IDMgNyAxMCAwIDkgNiAwIDIgMCAwIDAgMTEgNCAxMSAxMiA0IDEwIDggMiA1IDcgMiA2IDEzIDMgMTIgMSAzIDAgOSAzIDggMTQgMCAxMyAxMCAwIDkgMCAwIDAgMTUgNSAxNSAxNiA1IDE0IDEyIDQgMTAgMTEgNCAxMSAxNyAzIDEzIDEgMyAwIDEzIDMgMTIgMTggMCAxMiAxNCAwIDEzIDAgMCAwIDE5IDYgMTcgMjAgNiAxNiAxNiA1IDE0IDE1IDUgMTUgMjEgMyA5IDEgMyAwIDE3IDMgMTMgMjIgMCA4IDE4IDAgMTIgMCAwIDAgMjMgNyAxOSAyNCA3IDE4IDIwIDYgMTYgMTkgNiAxNyAyNSAzIDIgMSAzIDAgMjEgMyA5IDI2IDAgNyAyMiAwIDggMCAwIDAgMjcgOCAyMCAyOCA4IDEzIDI0IDcgMTggMjMgNyAxOSAyOSAzIDEgMSAzIDAgMjUgMyAyIDMwIDAgMjEgMjYgMCA3IDAgMCAwIDMxIDkgMjMgMzIgOSAyMiAyOCA4IDEzIDI3IDggMjAgMzMgMyAyNCAxIDMgMCAyOSAzIDEgMzQgMCAyNSAzMCAwIDIxIDAgMCAwIDM1IDEwIDI3IDM2IDEwIDI2IDMyIDkgMjIgMzEgOSAyMyAzNyAzIDI4IDEgMyAwIDMzIDMgMjQgMzggMCAyMCAzNCAwIDI1IDAgMCAwIDM5IDExIDMwIDQwIDExIDI5IDM2IDEwIDI2IDM1IDEwIDI3IDQxIDMgMjAgMSAzIDAgMzcgMyAyOCA0MiAwIDI4IDM4IDAgMjAgMCAwIDAgNDMgMTIgMzIgNDQgMTIgMzEgNDAgMTEgMjkgMzkgMTEgMzAgNDUgMyAyNSAxIDMgMCA0MSAzIDIwIDQ2IDAgMjQgNDIgMCAyOCAwIDAgMCA0NyAxMyAzNCA0OCAxMyAzMyA0NCAxMiAzMSA0MyAxMiAzMiA0OSAzIDIxIDEgMyAwIDQ1IDMgMjUgMiAwIDEgNDYgMCAyNCAwIDAgMCAzIDEgMzYgNCAxIDM1IDQ4IDEzIDMzIDQ3IDEzIDM0IDUgMyA3IDEgMyAwIDQ5IDMgMjE8L3A+DQogICAgICAgICAgICAgICAgPC9wb2x5bGlzdD4NCiAgICAgICAgICAgIDwvbWVzaD4NCiAgICAgICAgPC9nZW9tZXRyeT4NCiAgICAgICAgPGdlb21ldHJ5IGlkPSJJRDM3Ij4NCiAgICAgICAgICAgIDxtZXNoPg0KICAgICAgICAgICAgICAgIDxzb3VyY2UgaWQ9IklEMzgiPg0KICAgICAgICAgICAgICAgICAgICA8ZmxvYXRfYXJyYXkgaWQ9IklEMzkiIGNvdW50PSIxMiI+LTUwIDAgNTAgNTAgMCA1MCAtNTAgMCAtNTAgNTAgMCAtNTA8L2Zsb2F0X2FycmF5Pg0KICAgICAgICAgICAgICAgICAgICA8dGVjaG5pcXVlX2NvbW1vbj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxhY2Nlc3NvciBjb3VudD0iNCIgc291cmNlPSIjSUQzOSIgc3RyaWRlPSIzIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWCIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWSIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGFyYW0gbmFtZT0iWiIgdHlwZT0iZmxvYXQiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgIDwvYWNjZXNzb3I+DQogICAgICAgICAgICAgICAgICAgIDwvdGVjaG5pcXVlX2NvbW1vbj4NCiAgICAgICAgICAgICAgICA8L3NvdXJjZT4NCiAgICAgICAgICAgICAgICA8c291cmNlIGlkPSJJRDQwIj4NCiAgICAgICAgICAgICAgICAgICAgPGZsb2F0X2FycmF5IGlkPSJJRDQxIiBjb3VudD0iMyI+MCAxIC0wPC9mbG9hdF9hcnJheT4NCiAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8YWNjZXNzb3IgY291bnQ9IjEiIHNvdXJjZT0iI0lENDEiIHN0cmlkZT0iMyI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhcmFtIG5hbWU9IlgiIHR5cGU9ImZsb2F0Ii8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhcmFtIG5hbWU9IlkiIHR5cGU9ImZsb2F0Ii8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhcmFtIG5hbWU9IloiIHR5cGU9ImZsb2F0Ii8+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2FjY2Vzc29yPg0KICAgICAgICAgICAgICAgICAgICA8L3RlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgPC9zb3VyY2U+DQogICAgICAgICAgICAgICAgPHNvdXJjZSBpZD0iSUQ0MiI+DQogICAgICAgICAgICAgICAgICAgIDxmbG9hdF9hcnJheSBpZD0iSUQ0MyIgY291bnQ9IjgiPjAgMCAwIDEgMSAxIDEgMDwvZmxvYXRfYXJyYXk+DQogICAgICAgICAgICAgICAgICAgIDx0ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGFjY2Vzc29yIGNvdW50PSI0IiBzb3VyY2U9IiNJRDQzIiBzdHJpZGU9IjIiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJTIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXJhbSBuYW1lPSJUIiB0eXBlPSJmbG9hdCIvPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9hY2Nlc3Nvcj4NCiAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgIDwvc291cmNlPg0KICAgICAgICAgICAgICAgIDx2ZXJ0aWNlcyBpZD0iSUQ0NCI+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBzZW1hbnRpYz0iUE9TSVRJT04iIHNvdXJjZT0iI0lEMzgiLz4NCiAgICAgICAgICAgICAgICA8L3ZlcnRpY2VzPg0KICAgICAgICAgICAgICAgIDxwb2x5bGlzdCBjb3VudD0iMSIgbWF0ZXJpYWw9Ik1hdGVyaWFsMSI+DQogICAgICAgICAgICAgICAgICAgIDxpbnB1dCBvZmZzZXQ9IjAiIHNlbWFudGljPSJWRVJURVgiIHNvdXJjZT0iI0lENDQiLz4NCiAgICAgICAgICAgICAgICAgICAgPGlucHV0IG9mZnNldD0iMSIgc2VtYW50aWM9Ik5PUk1BTCIgc291cmNlPSIjSUQ0MCIvPg0KICAgICAgICAgICAgICAgICAgICA8aW5wdXQgb2Zmc2V0PSIyIiBzZW1hbnRpYz0iVEVYQ09PUkQiIHNvdXJjZT0iI0lENDIiIHNldD0iMCIvPg0KICAgICAgICAgICAgICAgICAgICA8dmNvdW50PjQ8L3Zjb3VudD4NCiAgICAgICAgICAgICAgICAgICAgPHA+MSAwIDMgMyAwIDIgMiAwIDEgMCAwIDA8L3A+DQogICAgICAgICAgICAgICAgPC9wb2x5bGlzdD4NCiAgICAgICAgICAgIDwvbWVzaD4NCiAgICAgICAgPC9nZW9tZXRyeT4NCiAgICA8L2xpYnJhcnlfZ2VvbWV0cmllcz4NCiAgICA8bGlicmFyeV92aXN1YWxfc2NlbmVzPg0KICAgICAgICA8dmlzdWFsX3NjZW5lIGlkPSJJRDE2Ij4NCiAgICAgICAgICAgIDxub2RlIGlkPSJJRDE3IiBuYW1lPSJ0cmVlMSI+DQogICAgICAgICAgICAgICAgPHRyYW5zbGF0ZSBzaWQ9InRyYW5zbGF0ZSI+MCAwIC0wPC90cmFuc2xhdGU+DQogICAgICAgICAgICAgICAgPHJvdGF0ZSBzaWQ9InJvdGF0ZVkiPjAgMSAwIC0wPC9yb3RhdGU+DQogICAgICAgICAgICAgICAgPHJvdGF0ZSBzaWQ9InJvdGF0ZVgiPjEgMCAwIDA8L3JvdGF0ZT4NCiAgICAgICAgICAgICAgICA8cm90YXRlIHNpZD0icm90YXRlWiI+MCAwIDEgLTA8L3JvdGF0ZT4NCiAgICAgICAgICAgICAgICA8c2NhbGUgc2lkPSJzY2FsZSI+MSAxIDE8L3NjYWxlPg0KICAgICAgICAgICAgICAgIDxub2RlIGlkPSJJRDE4IiBuYW1lPSJsZWF2ZXMiPg0KICAgICAgICAgICAgICAgICAgICA8dHJhbnNsYXRlIHNpZD0idHJhbnNsYXRlIj4wIDE4MCAtMDwvdHJhbnNsYXRlPg0KICAgICAgICAgICAgICAgICAgICA8cm90YXRlIHNpZD0icm90YXRlWSI+MCAxIDAgLTA8L3JvdGF0ZT4NCiAgICAgICAgICAgICAgICAgICAgPHJvdGF0ZSBzaWQ9InJvdGF0ZVgiPjEgMCAwIDA8L3JvdGF0ZT4NCiAgICAgICAgICAgICAgICAgICAgPHJvdGF0ZSBzaWQ9InJvdGF0ZVoiPjAgMCAxIC0wPC9yb3RhdGU+DQogICAgICAgICAgICAgICAgICAgIDxzY2FsZSBzaWQ9InNjYWxlIj4xIDEgMTwvc2NhbGU+DQogICAgICAgICAgICAgICAgICAgIDxpbnN0YW5jZV9nZW9tZXRyeSB1cmw9IiNJRDE5Ij4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxiaW5kX21hdGVyaWFsPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5zdGFuY2VfbWF0ZXJpYWwgc3ltYm9sPSJNYXRlcmlhbDEiIHRhcmdldD0iI0lENyI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YmluZF92ZXJ0ZXhfaW5wdXQgc2VtYW50aWM9IlVWU0VUMCIgaW5wdXRfc2VtYW50aWM9IlRFWENPT1JEIiBpbnB1dF9zZXQ9IjAiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9pbnN0YW5jZV9tYXRlcmlhbD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2JpbmRfbWF0ZXJpYWw+DQogICAgICAgICAgICAgICAgICAgIDwvaW5zdGFuY2VfZ2VvbWV0cnk+DQogICAgICAgICAgICAgICAgPC9ub2RlPg0KICAgICAgICAgICAgICAgIDxub2RlIGlkPSJJRDI3IiBuYW1lPSJ0cnVuayI+DQogICAgICAgICAgICAgICAgICAgIDx0cmFuc2xhdGUgc2lkPSJ0cmFuc2xhdGUiPjAgNTAgLTA8L3RyYW5zbGF0ZT4NCiAgICAgICAgICAgICAgICAgICAgPHJvdGF0ZSBzaWQ9InJvdGF0ZVkiPjAgMSAwIC0wPC9yb3RhdGU+DQogICAgICAgICAgICAgICAgICAgIDxyb3RhdGUgc2lkPSJyb3RhdGVYIj4xIDAgMCAwPC9yb3RhdGU+DQogICAgICAgICAgICAgICAgICAgIDxyb3RhdGUgc2lkPSJyb3RhdGVaIj4wIDAgMSAtMDwvcm90YXRlPg0KICAgICAgICAgICAgICAgICAgICA8c2NhbGUgc2lkPSJzY2FsZSI+MSAxIDE8L3NjYWxlPg0KICAgICAgICAgICAgICAgICAgICA8aW5zdGFuY2VfZ2VvbWV0cnkgdXJsPSIjSUQyOCI+DQogICAgICAgICAgICAgICAgICAgICAgICA8YmluZF9tYXRlcmlhbD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGVjaG5pcXVlX2NvbW1vbj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGluc3RhbmNlX21hdGVyaWFsIHN5bWJvbD0iTWF0ZXJpYWwxIiB0YXJnZXQ9IiNJRDkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJpbmRfdmVydGV4X2lucHV0IHNlbWFudGljPSJVVlNFVDAiIGlucHV0X3NlbWFudGljPSJURVhDT09SRCIgaW5wdXRfc2V0PSIwIi8+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaW5zdGFuY2VfbWF0ZXJpYWw+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90ZWNobmlxdWVfY29tbW9uPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9iaW5kX21hdGVyaWFsPg0KICAgICAgICAgICAgICAgICAgICA8L2luc3RhbmNlX2dlb21ldHJ5Pg0KICAgICAgICAgICAgICAgIDwvbm9kZT4NCiAgICAgICAgICAgICAgICA8bm9kZSBpZD0iSUQzNiIgbmFtZT0ic2hhZG93Ij4NCiAgICAgICAgICAgICAgICAgICAgPHRyYW5zbGF0ZSBzaWQ9InRyYW5zbGF0ZSI+MCAwIC0wPC90cmFuc2xhdGU+DQogICAgICAgICAgICAgICAgICAgIDxyb3RhdGUgc2lkPSJyb3RhdGVZIj4wIDEgMCAtMDwvcm90YXRlPg0KICAgICAgICAgICAgICAgICAgICA8cm90YXRlIHNpZD0icm90YXRlWCI+MSAwIDAgMDwvcm90YXRlPg0KICAgICAgICAgICAgICAgICAgICA8cm90YXRlIHNpZD0icm90YXRlWiI+MCAwIDEgLTA8L3JvdGF0ZT4NCiAgICAgICAgICAgICAgICAgICAgPHNjYWxlIHNpZD0ic2NhbGUiPjEgMSAxPC9zY2FsZT4NCiAgICAgICAgICAgICAgICAgICAgPGluc3RhbmNlX2dlb21ldHJ5IHVybD0iI0lEMzciPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGJpbmRfbWF0ZXJpYWw+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnN0YW5jZV9tYXRlcmlhbCBzeW1ib2w9Ik1hdGVyaWFsMSIgdGFyZ2V0PSIjSUQxMSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YmluZF92ZXJ0ZXhfaW5wdXQgc2VtYW50aWM9IlVWU0VUMCIgaW5wdXRfc2VtYW50aWM9IlRFWENPT1JEIiBpbnB1dF9zZXQ9IjAiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9pbnN0YW5jZV9tYXRlcmlhbD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RlY2huaXF1ZV9jb21tb24+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2JpbmRfbWF0ZXJpYWw+DQogICAgICAgICAgICAgICAgICAgIDwvaW5zdGFuY2VfZ2VvbWV0cnk+DQogICAgICAgICAgICAgICAgPC9ub2RlPg0KICAgICAgICAgICAgPC9ub2RlPg0KICAgICAgICA8L3Zpc3VhbF9zY2VuZT4NCiAgICA8L2xpYnJhcnlfdmlzdWFsX3NjZW5lcz4NCiAgICA8c2NlbmU+DQogICAgICAgIDxpbnN0YW5jZV92aXN1YWxfc2NlbmUgdXJsPSIjSUQxNiIvPg0KICAgIDwvc2NlbmU+DQo8L0NPTExBREE+"></a-asset-item>
  </a-assets>
  <a-plane color="#080" height="200" width="200" rotation="-90 0 0"></a-plane>
  <a-sky color="#37f"></a-sky>
</a-scene>
            
          
!
            
              document.addEventListener("DOMContentLoaded", function() {
  const randomInt = x => Math.floor(Math.random() * x);
  const setCoords = (options) => `${options.x || 0} ${options.y || 0} ${options.z || 0}`;
  const scene = document.getElementById('aScene');

  for (var i = 0; i < 250; i++) {
    const tree = document.createElement('a-collada-model');

    tree.setAttribute('src', '#tree');
    tree.setAttribute('rotation', '0 45 0');
    tree.setAttribute('position', setCoords({
      x: randomInt(50),
      y: 0.5,
      z: randomInt(-50) + 30
    }));

    tree.setAttribute('scale', setCoords({
      x: (randomInt(8) + 4) / 10,
      y: (randomInt(8) + 5) / 10,
      z: (randomInt(8) + 5) / 10
    }));

    scene.appendChild(tree);
  }
});
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console