Geometryangle – A Plugin to Create Responsive Geometrical Backgrounds

Advertisement

Geometryangle is a jQuery plugin that lets you create beautiful and responsive backgrounds to your site.
The plugin has fast frame rate and highly customizable.

This JQuery plugin is an adaptation of Matthew Wagerfield’s Flat Surface Shader Javascript Library. The backbone is written by the original authors, the plugin provides update methods, easy configuration and other features listed below.

geometry-background

Download the latest release.

Put the script at the bottom of your markup right after jQuery:

<script src="jquery.min.js"></script>
<script src="Geometryangle/geometryangle.js"></script>

To create a fixed background, do the following:

<body>
<div style="position: fixed; left: 0; right: 0; top: 0; bottom: 0;"></div>
<div>
Content...
</div>
</body>

Call the plugin function and your navigation widget is ready.

$(document).ready(function(){
  $('body').Geometryangle(mesh:{}, lights: [{}], line: {}, vertex: {});
});

Geometryangle