Giter Club home page Giter Club logo

starscroll's Introduction

STARSCROLL

Create a div with purpose as per your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it will work seemlessly.

N.b the only css you might want to change is the z-index of your div. Also dont put anything in your starscroll div.

depends on jQuery 1.8.1+

Plugin Site

Features:

  • 8-bit or 16-bit mode! (how retro do you wanna go!?)
  • Animated or reactionary to scroll
  • Multiple layers of true parallax
  • Custom colours and complexities
  • Every websites dream
  • Forces static on mobile detection

BASIC USAGE:

$('.element').plugin(
	mode,
	parallax-layers,
	density,
	dimension,
	smoothness,
	colour,
	colour-varience,
	animate,
	scrollspeed
);

config options:

Option data type values Required bit mode Nb.
mode int boolean 8 / 16, true / false Yes n/a
parallax int max: 10 Yes both num of parallax levels
density int num of stars Yes both
dimension int max: 20 Yes both size of stars
smoothness int min: 0, max: 5 No both scroll smoothness speed
colour rgb array [255,255,255] No 16-bit
colour-varience boolean true/false No 16-bit subtle colour varience enabled
animate boolean true/false No both auto scrolling starfield
scrollspeed int min: 0, default: 2 No both scroll speed

usage example

Example: <title>Starfield</title> <style> #container { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } </style> ```javascript $('#starfield').starscroll(16,3,50,5); ```

starscroll's People

Contributors

iamshivammittal avatar padmanabh-b avatar vonkristoff avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

starscroll's Issues

Autoscroll jitter

Rendering of the autoscroll is not to the highest of standards .. sucking up too much power - dont know why though, because it should be taken care of by the CSS.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.