<commit_before># Gausian Background Generator (Version 0.4.1)
A script which creates a gaussian blur effect background using a canvas element. The effect is similar to that seen in various gaussian background images, however, this script generates the effect dynamically and includes a plesant animation.

Script example (http://foxx.io/gaussian/).

## How it Works
The script works by cutting circles from multiple stacked canvas layers and then applying a blur effect to the result. This can be easily understood when the blur effect is removed (http://foxx.io/gaussiannoblur/).

## Requirements
If blur is enabled, the script relies on <NAME>s StackBlur, FastBlur, IntegralBlur or StackBoxBlur plugin (http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html).

## Usage
The script accepts a number of parameters:

```javascript
var background = GaussianBackground(elementID, layers, options);
```
### Layers

The layers parameter requires an array/object of display layers using the following syntax:

```javascript
var layers = [
    { orbs : 2, radius : 130, maxVelocity : 1, color : '#333333', columns : 0, rows : 0 },
    { color : '#000000' }
];

OR

var layers = {
    0 : { orbs : 2, radius : 130, maxVelocity : 1, color : '#333333', columns : 0, rows : 0 },
    1 : { color : '#000000' }
};
```
The parameters 'columns' and 'rows' can be used to split the layer orbs into columns and rows to encourage more consistent background generation.

### Options

All avalible options are:

```javascript
var options = {
    debug : false,
    blur : true,
    blurRadius : 50,
    blurMethod : '(stackblur|fastblur|integralblur|stackboxblur)',
    blurIterations : 0,
    animation : true,
    fpsCap : 20,
    renderWidth : 320,
    renderHeight : 130
};
```

### Object Methods

The created object has a number of public methods:

```javascript
var background = GaussianBackground(elementID, layers, options);

// Pauses the animation
background.pause();

// Play the animation
background.play();

// Recalculate the current animation layers
background.refreshLayers(layers);

// Pass a new array of layers to be rendered
background.updateLayers(layers);

// Update the options of the object
background.updateOptions(options);
```

### Notes:
- Layers will be rendered with the first layer at the front and the last at the back.
- Blur iterations are only compatible with the render methods 'fastblur', 'integralblur' and 'stackboxblur'.
- It is better to use a lower render width/height due to performance. Because of the bluring the quality will appear almost identical once scaled up.

## Browser Compatibility<commit_msg>Change to the readme<commit_after># Gausian Background Generator (Version 0.4.1)
A script which creates a gaussian blur effect background using a canvas element. The effect is similar to that seen in various gaussian background images, however, this script generates the effect dynamically and includes a plesant animation.

Script example (http://foxx.io/gaussian/).

## How it Works
The script works by cutting circles from multiple stacked canvas layers and then applying a blur effect to the result. This can be easily understood when the blur effect is removed (http://foxx.io/gaussiannoblur/).

## Requirements
If blur is enabled, the script relies on <NAME>s StackBlur, FastBlur, IntegralBlur or StackBoxBlur plugin (http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html).

## Usage
The script accepts a number of parameters:

```javascript
var background = GaussianBackground(elementID, layers, options);
```
### Layers

The layers parameter requires an array/object of display layers using the following syntax:

```javascript
var layers = [
    { orbs : 2, radius : 130, maxVelocity : 1, color : '#333333', columns : 0, rows : 0 },
    { color : '#000000' }
];

OR

var layers = {
    0 : { orbs : 2, radius : 130, maxVelocity : 1, color : '#333333', columns : 0, rows : 0 },
    1 : { color : '#000000' }
};
```
The parameters 'columns' and 'rows' can be used to split the layer orbs into columns and rows to encourage more consistent background generation.

### Options

All avalible options are:

```javascript
var options = {
    debug : false,
    blur : true,
    blurRadius : 50,
    blurMethod : '(stackblur|fastblur|integralblur|stackboxblur)',
    blurIterations : 0,
    animation : true,
    fpsCap : 20,
    renderWidth : 320,
    renderHeight : 130
};
```

### Object Methods

The created object has a number of public methods:

```javascript
var background = GaussianBackground(elementID, layers, options);

// Pauses the animation
background.pause();

// Play the animation
background.play();

// Recalculate the current layers
background.refreshLayers(layers);

// Pass an array of new layers to be rendered
background.updateLayers(layers);

// Update the options of the object
background.updateOptions(options);
```

### Notes:
- Layers will be rendered with the first layer at the front and the last at the back.
- Blur iterations are only compatible with the render methods 'fastblur', 'integralblur' and 'stackboxblur'.
- It is better to use a lower render width/height due to performance. Because of the bluring the quality will appear almost identical once scaled up.

## Browser Compatibility
{'fraction_non_alphanumeric': 0.09215017064846416, 'fraction_numerical': 0.020477815699658702, 'mean_word_length': 4.2176063303659745, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '551438', 'n_tokens_mistral': 1558, 'n_tokens_neox': 1409, 'n_words': 635}