aframe-href-component

aframe-href-component

 

A Hyper Link component for A-Frame. With aframe-href-component, each object could be used as a normal html linkable element.

$3

Add href attribute to any a-frame tag, such as href="www.sample.com". To turn the object as a normal web link. demo

As normal web page, you could add extra target="_blank" attribute in this a-frame tag to open web link in a new window.

$3

When link is clicked, the href-component will emit a href event within this object. You can append the animation id in target attribute, such as target="#out-animation" (a shortcut of target="window#out-animation") or target="_blank#out-animation" to trigger the animation directly. If your animation is not defined within this object, you should emit the event manually.
demo

$3

Besides the normal hyper link. you can add in-page anchor like href="#id" to any a-frame tag.
When user click on the object, a-camera will move its position to the object with the specified id. demo

$3

#### Browser Installation

Install and use by directly including the browser files:

Make sure you have placed an a-cursor element to trigger the click event.
Then add href attribute in target tag (In example is a-box). demo

``html






width="2" depth="2" height="2" color="#F16745"
href="https://github.com/gasolin/aframe-href-component">


`

#### NPM Installation

Install via NPM:

`bash
npm install aframe-href-component
`

Then register and use.

`js
require('aframe');
require('aframe-href-component');
``