Hyperspace.js Usage

Using hyperspace is really easy. Download hyperspace for your project link here.

Adding to html

Include hyperspace.js into your html file by using the script tag.

You can either provide the downloaded, locally available hyperspace.js or you can directly provide the raw url of hyperspace.js in your website to use it for your work.

<script src="./hyperspace.js"></script>

or

<script src="https://raw.githubusercontent.com/r-arvind/hyperspace.js/master/hyperspace.js"></script>

Making hyperspace run

Think of any id name that you are going to keep the hyperspace background over the HTML element and add the following script line after the previously added script line.

<script>hyperspace('<id-name>')</script>

Choosing HTML Element

Just make sure, the element you are going to add the hyperspace on your html. Provide the id that you are choosen for the hyperspace to be applied.

<div id="id-name"></div>

Done

That's it! hyperspace is now running in your website. hyperspace background is being applied on your choosen element.

Check Me out on Github.

Hyperspace.js is a javascript library to add simple canvas based animation and stunning background effects on HTML Elements for your website.

Check Out