The [aframe-environment-component](https://github.com/supermedium/aframe-environment-component) allows you to easily set up complete VR environments in A-Frame with just a few lines of HTML. Here are examples of how to use different preset environments:

1. Default Environment:
```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment></a-entity>
    </a-scene>
  </body>
</html>
```

1. Forest Preset:
```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: forest"></a-entity>
    </a-scene>
  </body>
</html>
```

1. Tron Preset with Custom Parameters:
```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: tron; groundColor: #0a0a0a; grid: 1x1"></a-entity>
    </a-scene>
  </body>
</html>
```

1. Starry Preset with Increased Dressing:
```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: starry; dressingAmount: 500; dressingColor: #ffb1b1"></a-entity>
    </a-scene>
  </body>
</html>
```

1. Egypt Preset with Custom Lighting:
```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: egypt; lighting: point; lightPosition: 1 5 -2"></a-entity>
    </a-scene>
  </body>
</html>
```

Remember that you can customize any preset by adding additional parameters. Experiment with different combinations to create the perfect environment for your VR scene!







```html
<html>
  <head>
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-entity environment="preset: default; seed: 123; ground: noise; dressing: cubes; dressingAmount: 100; dressingColor: #795548"></a-entity>
    </a-scene>
  </body>
</html>
```









Learn how to use the A-Frame environment component to create immersive VR environments with just a few lines of HTML. Explore different presets and customization options.

Discover how to create stunning VR environments with the A-Frame environment component. Learn about presets, customization options, and more.

Using Preset Environments in A-Frame VR