particleground-light

WebJar for particleground-light

License	MIT
GroupId	org.webjars.npm
ArtifactId	particleground-light
Last Version	1.0.6
Release Date	Apr 11, 2018
Type	jar
Description	particleground-light WebJar for particleground-light
Project URL	http://webjars.org
Source Code Management	https://github.com/vaivanov/particleground-light

Download particleground-light

Filename	Size
particleground-light-1.0.6.pom
particleground-light-1.0.6.jar	12 KB
particleground-light-1.0.6-sources.jar	22 bytes
particleground-light-1.0.6-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/particleground-light/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>particleground-light</artifactId>
    <version>1.0.6</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/particleground-light/
implementation 'org.webjars.npm:particleground-light:1.0.6'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/particleground-light/
implementation ("org.webjars.npm:particleground-light:1.0.6")

Apache Buildr

'org.webjars.npm:particleground-light:jar:1.0.6'

Apache Ivy

<dependency org="org.webjars.npm" name="particleground-light" rev="1.0.6">
  <artifact name="particleground-light" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='particleground-light', version='1.0.6')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "particleground-light" % "1.0.6"

Leiningen

[org.webjars.npm/particleground-light "1.0.6"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Particleground

IMPORTANT This library base on jnicol/particleground

A JavaScript plugin for snazzy background particle systems build in ES6 with Babel. Includes an optional parallax effect controlled by the mouse on desktop devices and gyroscope on mobile devices. Works in any browser that supports HTML5 canvas.

See a demo

Usage

new Particle(document.getElementById('your-element'));

Options

Options can be set by passing an options object to the constructor.

Here is an example of setting the color of the particle system dots and lines:

new Particle(document.getElementById('your-element'), {
    dotColor: '#ff0000',
    lineColor: '#ff0000'
});

Here is a full list of options, and their default values:

minSpeedX

0.1

maxSpeedX

0.7

minSpeedY

0.1

maxSpeedY

0.7

directionX

'center'

Can be one of 'center', 'left' or 'right'. 'center' means that the dots will bounce off the edges of the canvas.

directionY

'center'

Can be one of 'center', 'up' or 'down'. 'center' means that the dots will bounce off the edges of the canvas.

density

10000

Determines how many particles will be generated: one particle every n pixels.

dotColor

'#666666'

lineColor

'#666666'

particleRadius

7

Dot size

lineWidth

1

curvedLines

false

proximity

100

How close two dots need to be, in pixels, before they join.

parallax

true

parallaxMultiplier

5

The lower the number, the more extreme the parallax effect wil be.

onInit

() => {}

A callback executed after Particleground initializes.

onDestroy

() => {}

A callback executed after Particleground is destroyed.

Methods

Particleground exposes public methods which can be used to interact with your Particleground instance e.g.

const pg = new Particle(document.getElementById('your-element'));
pg.pause();

pause()

Pauses the particle system.

start()

Restarts the particle system if you previously paused it.

destroy()

Removes the plugin from your element.

Credits

Based on Particleground that was inspired by http://requestlab.fr/ and http://disruptivebydesign.com/

Contributors

Horia Dragomir: Removed jQuery dependency and improved rendering performance

Versions

Version
1.0.6 Apr 11, 2018