Settings
BLOB is fully customizable. Each setting has a default value and can be ignored. Most of numeric settings have a minimum value. Some numeric settings have a maximum value. Some settings depend on other settings. Below is a complete list of settings.
Main settings
BLOB_SIZE
Size of the BLOB. This is essentially the radius of the sphere distorted to obtain a complex shape.
Min value is 1. Default value is 220.
BLOB_DISTANCE
Imaginary distance between BLOB center and screen surface.
Min value is 0. Default value is 1000.
DETALIZATION
Point density on BLOB surface.
Min value is 1. Default value is 60.
PERSPECTIVE_DISTORTION
Perspective distortion of the BLOB.
Min value is 0. Default value is 1.
ROTATION_SPEED
BLOB rotation speed at rest (i.e. when mouse does not affect it)
Min value is 0. Default value is 5.
OFFSET_X
BLOB displacement along the X axis measured in pixels.
Default value is 0.
OFFSET_Y
BLOB displacement along the Y axis measured in pixels.
Default value is 0.
PERCENTAGE_OFFSET_X
BLOB displacement along the X axis measured as a percentage of the scene width.
Default value is 0.
PERCENTAGE_OFFSET_Y
BLOB displacement along the Y axis measured as a percentage of the scene height.
Default value is 0.
Dot settings
DOT_SIZE
Size of BLOB's dot.
Min value is 0. Default value is 2.
DOT_COLOR
Color of BLOB's dot.
Default value is "black".
Responsivity settings
AUTO_SCALE
Determines whether BLOB scales automatically. Allowable values: true and false.
Default value is false.
VIEWPORT_WIDTH & VIEWPORT_HEIGHT
These settings determine ideal rectangle region containing BLOB. That is, they determine DIV size at which BLOB doesn't need to autoscale.
Min value is 100 for both settings. Default value is 800 for both settings.
Mouse settings
MOUSE_DISTANCE_MIN
Maximum distance between mouse pointer and BLOB center at which BLOB is most sensitive to mouse movements. Measured in pixels.
Min value is 0. Default value is 20.
MOUSE_DISTANCE_MAX
Minimum distance between mouse pointer and BLOB center at which BLOB is not sensitive to mouse movements. Measured in pixels.
Min value is MOUSE_DISTANCE_MIN. Default value is MOUSE_DISTANCE_MIN + 400.
MOUSE_SENSITIVITY
Sensitivity level to mouse movements.
Min value is 0. Default value is 1.
INERTIAL_TIME
Time between mouse motion and the moment when BLOB rotation speed came to a normal value. Measured in seconds.
Min value is 0. Default value is 2.
Shape main settings
INITIAL_SHAPE
Initial BLOB shape described by a special object. Use our
visual editor to generate appropriate code. BLOB is essentially distorted sphere. Distortion is achieved due to three types of waves on sphere surface. The wave of each type is defined by amplitude, frequency and phase. This explains why shape object has such a syntax.
Default value is
{
wave1: {amplitude: 70, frequency: 3, phase: 0},
wave2: {amplitude: 60, frequency: 2, phase: 0},
wave3: {amplitude: 50, frequency: 2, phase: 0}
}
USE_MORPHING
Determines whether we use shape morphing. Allowable values: true and false.
Default value is false.
USE_WAVE_MOTION
Determines whether we use wave motion. Allowable values: true and false.
Default value is false.
USE_WAVE_SWING
Determines whether we use wave swing. Allowable values: true and false.
Default value is false.
Morphing settings
MORPHING_AUTOPLAY
Determines whether we use autoplay based on predefined shape sequence (MORPHING_SHAPES).
Allowable values: true and false.
Default value is true.
MORPHING_DURATION
Morphing duration. Measured in seconds.
Min value is 0. Default value is 2.
MORPHING_DELAY
Time between the end of previous morphing and beginning of the next one. Measured in seconds.
Min value is 0. Default value is 1.
MORPHING_TRANSITION_TYPE
Defines the character of the morphing animation.
Allowable values:
"linear",
"quad",
"cubic",
"quart",
"quint",
"circ",
"sine",
"expo",
"elastic",
"bounce",
"back".
Default value is "cubic".
MORPHING_SHAPES
Shape sequence used in morphing. Each shape has the same syntax as INITIAL_SHAPE. Use our
visual editor to generate shape code. If MORPHING_AUTOPLAY is
true, the sequence will be played back cyclically. If MORPHING_AUTOPLAY is
false, you can use a method blob.morphTo(N), where N is sequence number of the shape (starting with 0).
Default value is [ ].
Wave motion settings
As mentioned above, BLOB is distorted sphere. Distortion is achieved due to three types of waves on sphere surface.
You can set constant motion for these waves specifying their speed.
WAVE_1_MOTION_SPEED
Speed of first type wave.
Default value is 0.
WAVE_2_MOTION_SPEED
Speed of second type wave.
Default value is 0.
WAVE_3_MOTION_SPEED
Speed of third type wave.
Default value is 0.
Wave swing settings
As mentioned above, BLOB is distorted sphere. Distortion is achieved due to three types of waves on sphere surface.
The wave of each type has three properties: amplitude, frequency and phase.
You can set constant oscillatory motion for any of these properties. Any oscillation is also defined by amplitude, frequency and phase. That's why such motion is described by object having the following syntax:
{
amplitude: {amplitude: 20, frequency: 1, phase: 0, type: "sine"},
frequency: {amplitude: 0, frequency: 0, phase: 0, type: "linear"},
phase: {amplitude: 2, frequency: 0.2, phase: 2.1, type: "pulse"}
}
Attribute
type defines character of the oscillation. Allowable values:
"sine",
"pulse" and
"linear".
Default value is "sine".
WAVE_1_SWING_SETTINGS
An object describing oscillations for first type wave.
There will be no oscillations by default.
WAVE_2_SWING_SETTINGS
An object describing oscillations for second type wave.
There will be no oscillations by default.
WAVE_3_SWING_SETTINGS
An object describing oscillations for third type wave.
There will be no oscillations by default.
