JavaScript HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build Update build Nov 1, 2017
.gitignore Initial commit Dec 30, 2016
LICENSE Initial commit Dec 30, 2016
Readme.md Update Readme.md Nov 1, 2017
index.html Update Nov 1, 2017
index.js Add remove() method Jan 5, 2017
package.json Update version Nov 1, 2017
screenshot.png Update screenshot Jan 5, 2017

Readme.md

A-Frame Outline component

aframe-outline is two-pass Outline effect component for A-Frame.

screenshot

Demo

Demo

Properties

aframe-outline

Properties type Default Value Description
thickness number 0.003 Outline thickness.
color color '#000' Outline color.
alpha number 1.0 Outline alpha.

Browser

How to use

To apply outline effect in a scene, add outline attribute in <a-scene> like <a-scene outline>.

<head>
  <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
  <script src="https://rawgit.com/takahirox/aframe-outline/master/build/aframe-outline.min.js"></script>
</head>

<body>
  <a-scene outline>
    <a-entity position="0 10 20">
      <a-camera></a-camera>
    </a-entity>

    <a-entity geometry="primitive:sphere"></a-entity>

    <a-entity light="type:directional;color:#888" position="-10 -10 -10"></a-entity>
  </a-scene>
</body>

NPM

How to install

$ npm install aframe-outline

How to build

$ npm install
$ npm run all

How to load

require('aframe');
require('aframe-outline');