❤
npm
Sign UpSign In

aframe-mountain-component

0.3.3 • Public • Published

aframe-mountain-component

Mountain component and primitive for A-Frame.

Screenshot

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-component

Then register and use.

require('aframe');
require('aframe-mountain-component');

Readme

Keywords

Package Sidebar

Install

npm i aframe-mountain-component

Repository

github.com/ngokevin/kframe

Homepage

github.com/ngokevin/kframe/tree/components/mountain#readme

Weekly Downloads

9

Version

0.3.3

License

MIT

Last publish

Collaborators

  • dmarcos
  • ngokevin
Try on RunKit
Report malware