Loading...

No description...

Experiments

When a developer at RANGER has an interesting idea that they want to test out without the constraints of polished design or browser compatibility, this is where they build it. RANGER Experiments is our playground for the little bits of code we create for alpha testing or proof-of-concept; and while many components born here are eventually refined enough to graduate into an actual project, some are just fun to play around with.

Dev Guide

Bezier Curves


 

1. Drag Two Points

Drag the points and their control points to adjust the Bezier curve between

MAPS VECTOR TEST BEZIER

 

2. Click Points

Click different points on the grid to create points which are linked by Bezier curves

MAPS VECTOR TEST BEZIER

 

3. Click Points With Control Points

Click points on the canvas to create points linked by quadratic Bezier curves. Labeled control points are made visible in this iteration

MAPS VECTOR TEST BEZIER

 

4. Draw Points

Draw a line over predetermined points to lock on. A "hit zone" distance has been implemented which determines the proximity before lock. Linked points are connected with a Bezier curve

MAPS VECTOR TEST BEZIER

 

5. Draw Points Advanced

Adjust global variables with header controls. Safe zone radius added to keep points from locking on too quickly

MAPS VECTOR TEST BEZIER

 

6. Draw Points Over Map

Points of major international cities are plotted to map. Drawing a line over points locks based on adjustable parameters in the header controls

MAPS VECTOR BEZIER

 

7. Draw Points Over Cams

Points based on international webcams plotted to Google Map. Drag over map to link points with Bezier curve based on parameters in header controls. Cam thumbnail is retrieved upon lock

MAPS VECTOR BEZIER WEBCAM

Canvas


 

Sine Wave

Simple sine wave in canvas

CANVAS SINE WAVE

 

Sine Wave Fill

Filled sine wave calculated based on sunlit part of earth

CANVAS SINE WAVE EARTH SUNLIT

 

Spiral

Traversing a spiral

CANVAS SPIRAL ZOOM

Charts


 

Directus Activity

No description...

Demos


 

Bootstrap

Twitter's Bootstrap Framework

 

Phpass

No description...

 

Prettify

Google's Code Prettify

Maps


 

1. Us Map Hot Spots

No description...

 

2. Us Map Data Overlay

No description...

 

3. Us Map D3 Vs Raphael

No description...

 

Explode Rectangle

No description...

 

Point Explode

No description...

 

Polymaps

No description...

 

Zoom Map

No description...

Other


 

CSV

No description...

 

Dynamic Tiling

No description...

 

Export Static

No description...

 

Js URL Test

No description...

 

Masking

No description...

 

Parallax

No description...

 

Rdio

No description...

 

Scroll Loader

No description...

Web Gl


 

Banner Fabric

No description...