Spread holiday cheer with a lightweight jQuery plugin that creates a pixelated blinking Christmas Tree!
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
font
js
.gitattributes
.gitignore
README.md
index.html
pixelxmas-1.0.0.zip

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