Download dependencies to your /css or /js directory respectively. Right click and choose 'Save link as...'
index.html
<!-- Load styles in the page head -->
<link rel="stylesheet" type="text/css" href="css/planetbryan.css"/>
<!-- Create a container for the animation -->
<div id="myDiv"></div>
<!-- Load scripts at end of body -->
<script type="text/javascript" src="particles.min.js"></script>
<script type="text/javascript" src="TweenMax.min.js"></script>
<script type="text/javascript" src="bowser.min.js"></script>
<script type="text/javascript" src="planetbryan.js"></script>index.js
// Call the initialising function at page load and pass the ID of the container
window.addEventListener("load", initPlanetBryan("myDiv"));Add your own rules in the getMode() function at line ~160 in planetbryan.js
| Default | Limited | Minimal | Off | |
|---|---|---|---|---|
| flames.anim | true | - | - | false |
| flames.count | 60 | 40 | 30 | 100 |
| flames.reflection | true | - | false | - |
| flames.smoke | 0.05 | 0 | 0 | - |
| intro | true | false | false | false |
| flicker | true | - | false | false |
| fps | 30 | - | 15 | - |
- Size: X Kb including dependencies
- FPS: X
- Compatibility: All modern browsers
The code is available under the MIT license.