aframe-mountain-component
v0.3.3
Published
Mountain terrain in A-Frame using randomly-generated height maps
Downloads
74
Readme
aframe-mountain-component
Mountain component and primitive for A-Frame.
Uses Perlin noise to create a height map, create a shaded texture from that
height map using a <canvas>, and using the height map to create vertices on a
BufferGeometry.
Properties
| Property | Description | Default Value | | -------- | ----------- | ------------- | | color | Base color of mountain. | rgb(92, 32, 0) | | shadowColor | Diffuse color of mountain. | rgb(128, 96, 96) | | sunPosition | Sun position to shade mountain. | 1, 1, 1 |
Usage
Browser Installation
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-mountain-component@^0.3.2/aframe-mountain-component.min.js"></script>
</head>
<body>
<a-scene>
<a-mountain color="red"></a-mountain>
<!-- <a-entity mountain="color: red"></a-entity> -->
</a-scene>
</body>NPM Installation
Install via NPM:
npm install aframe-mountain-componentThen register and use.
require('aframe');
require('aframe-mountain-component');