WebApp version of the KnobMan, Animation knob designer.

Knob File Upload to KnobGallery
Filename :
Author :
Comment :
Type :	KnobSliderSwitchMeterOther
Tags (Comma separated words):
License :	CC0 : Public Domain Creative Commons Share Alike No Derivs Non Commercial
Del Pass:	(required when delete)

Upload

Filename:

File: New Open SaveAs .knob ExportTo .png Layer: Add Dup Del Back Fore Renam
AnimCurve: 1▶ 2▶ 3▶ 4▶ 5▶ 6▶ 7▶ 8▶

Local .knob File:

Local .knob File:

		T1		T2		T3		T4
L0		L1		L2		L3		L4		L5

StepReso:

Apply Close

Zoom : - 1 : 1 +
Grid : None24816
New Path
Dup Point
Del Point
Fill

Shift + Drag to grab control handle.

Close

Rendering...

Preference

Layer1

Layer2

Layer3

Layer4

Layer5

Layer6

Layer7

Layer8

Layer9

Layer10

Layer11

Layer12

Layer13

Layer14

Layer15

Layer16

Layer17

Layer18

Layer19

Layer20

Layer21

Layer22

Layer23

Layer24

Layer25

Layer26

Layer27

Layer28

Layer29

Layer30

Layer31

Layer32

Layer33

Layer34

Layer35

Layer36

Layer37

Layer38

Layer39

Layer40

Layer41

Layer42

Layer43

Layer44

Layer45

Layer46

Layer47

Layer48

Layer49

Layer50

Layer51

Layer52

Layer53

Layer54

Layer55

Layer56

Layer57

Layer58

Layer59

Layer60

Width:

Link

Height:

Preview Frames:

Rendering Frames:

FrameAlign:

Vertical Horizontal

Export Exec

BkColor R:

BkColor G:

BkColor B:

name

Type:

None

Image

Circle

CircleFill

MetalCircle

WaveCircle

Sphere

Rect

RectFill

Triangle

Line

RadiateLine

HLines

VLines

Text

Shape

Shape:

Edit

Aspect:

Round:

Width:

Length:

Step:

AngleStep:

Emboss:

EmbossDiffuse:

Ambient:

LightDir:

Specular:

SpecularWidth:

Texture:

Aura

Checkers

Circle

Coal

Fabric

Hairline

HairlineV

Hexagon

Magma

Mosaic

Plant

Plasma

PunchingMetal

Radiation

Sand

Scratch

Stripe

StripeV

TextureDepth:

TextureZoom:

Diffuse:

File:

Text:

Font:

Arial Arial Black Arial Bold Arial Narrow Comic Sans MS Comic Sans MS Bold Courier Courier New Courier New Bold Georgia Impact Times New Roman Verdana Verdana Bold Yu Gothic Yu Gothic Bold

FontSize:

Bold:

Italic:

Align:

Center Left Right

Color:

Antialias

Unfold

AnimStep:

Zoom

XY Separate

X:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Y:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Offset

X:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Y:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Rotate At

Keep Dir

CenterX:

CenterY:

Angle:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Colors

Alpha:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Brightness:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Contrast:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Saturation:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Hue:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Mask

Mask Enable 1

Type:

Rotate Radius Horizontal Vertical

Gradation:

SingleDir BiDir

Start:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Stop:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Mask Enable 2

Operation:

And Or

Type:

Rotate Radius Horizontal Vertical

Gradation:

SingleDir BiDir

Start:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Stop:

▶1▶2▶3▶4▶5▶6▶7▶8▶

FrameMask DisableRangeBitMask

Start:

Stop:

MaskBits:

Lighting

Specular

LightDir:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Density:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Drop Shadow

LightDir:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Offset:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Density:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Diffuse:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Type:

Spot Line

Inside Shadow

LightDir:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Offset:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Density:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Diffuse:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Edge Shadow

LightDir:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Offset:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Density:

▶1▶2▶3▶4▶5▶6▶7▶8▶

Close

Save the image bellow as PNG file

How to use

WebKnobman is a subset of 'JKnobMan'. JKnobMan online help is here.

Limitations

Because WebKnobMan uses some cutting edge functions of the browser, please use the latest browser. I recommend using Chrome or Firefox.

Rendering results are almost same as standalone 'KnobMan', but lacking some functions.

• User definable textures.
• Fonts are limited to a few things that can be used commonly on Win / Mac.
• 'Image' primitives has no parameters.
• Exporting support only PNG format
• Oversampling mode, styles, and some preference settings.