Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 
 
 
 
 

README.md

Pixel Christmas Tree

A lightweight jQuery plugin that creates a Pixel Christmas tree with flickering lights. Spread holiday cheer with a dash of nerd on your web page or app!

Demo

See live demo

Setup

  1. Reference the JavaScript and CSS files
<link rel="stylesheet" href="css/pixelxmas-1.0.0.min.css">
<script src="js/pixelxmas-1.0.0.min.js"></script>
  1. Create a div with id "tree-canvas" in your HTML
<div id="tree-canvas"></div>
  1. Initialize plugin in your main JavaScript file
$('#tree-canvas').pixelxmas();

Options

  1. numRows - Default is 16. Number of rows you want the tree to have.
  2. lightFlickerSpeed - Default speed is 500. Speed at which the lights on the tree flicker.

Options Usage

$('#tree-canvas').pixelxmas({
	numRows: 24,
	lightFlickerSpeed: 100
});

Dependencies

  • jQuery

About

Spread holiday cheer with a lightweight jQuery plugin that creates a pixelated blinking Christmas Tree!

Resources

Releases

No releases published

Packages

No packages published