// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-// Add an DisplayObject to the app
-const circle = new PIXI.Graphics()
-circle.beginFill(0x5251a3)
-circle.drawCircle(50, 50, 40)
-app.scene.addChild(circle)
-
-const badge1 = new Badge({
- object: circle,
- container: app.scene,
- content: 'Das Gesetz ist der Freund des Schwachen.'
-})// Create the app
const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
// Add an DisplayObject to the app
const circle = new PIXI.Graphics()
circle.beginFill(0x5251a3)
circle.drawCircle(50, 50, 40)
app.scene.addChild(circle)
const badge1 = new Badge({
object: circle,
container: app.scene,
content: 'Das Gesetz ist der Freund des Schwachen.'
})// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 480,
- height: 270,
- transparent: false
-}).setup().run()
-
-// Add a video sprite
-const sprite = new PIXI.Sprite(PIXI.Texture.from("assets/blurfilter.mp4"))
-sprite.width = app.size.width
-sprite.height = app.size.height
-app.scene.addChild(sprite)
-
-// Create the filter and assign it to the scene
-const blurFilter = new BlurFilter(new PIXI.Rectangle(20, 20, 80, 60))
-app.scene.filters = [blurFilter]// Create the app
const app = new PIXIApp({
view: canvas,
width: 480,
height: 270,
transparent: false
}).setup().run()
// Add a video sprite
const sprite = new PIXI.Sprite(PIXI.Texture.from("assets/blurfilter.mp4"))
sprite.width = app.size.width
sprite.height = app.size.height
app.scene.addChild(sprite)
// Create the filter and assign it to the scene
const blurFilter = new BlurFilter(new PIXI.Rectangle(20, 20, 80, 60))
app.scene.filters = [blurFilter]// Create the button
-const button = new Button({
- label: 'My Button',
- action: () => console.log('Button was clicked')
-})
-
-// Add the button to a DisplayObject
-app.scene.addChild(button)// Create the button
const button = new Button({
label: 'My Button',
action: () => console.log('Button was clicked')
})
// Add the button to a DisplayObject
app.scene.addChild(button)// Create the button group
-const buttonGroup = new ButtonGroup({
- buttons: [
- {label: 'Button 1', action: event => console.log(event)},
- {label: 'Button 2', action: event => console.log(event)},
- {label: 'Button 3', action: event => console.log(event)}
- ],
- minWidth: 100
-})
-
-// Add the button group to a DisplayObject
-app.scene.addChild(buttonGroup)// Create the button group
const buttonGroup = new ButtonGroup({
buttons: [
{label: 'Button 1', action: event => console.log(event)},
{label: 'Button 2', action: event => console.log(event)},
{label: 'Button 3', action: event => console.log(event)}
],
minWidth: 100
})
// Add the button group to a DisplayObject
app.scene.addChild(buttonGroup){
- "tileSize": 1024,
- "format": "jpeg",
- "overlap": 1,
- "height": 4794,
- "width": 4095,
- "clip": { "minLevel": 12, "maxLevel": 20, "startCol": 301436, "startRow": 354060 },
- // optional: minLevel and maxLevel define the level bounds
- // startCol: first col at maxLevel
- // startRow: first row at maxLevel
- "path": "var/Vermeer/Vermeer_files",
- "type": "dzi", // optional: dzi (default) or map
- "urlTileTemplate": "{path}/{level}/{column}/{row}.{format}"
- // optional: {path}/{level}/{column}_{row}.{format} (default) or
- // a template String with the format of the URL
- }{
"tileSize": 1024,
"format": "jpeg",
"overlap": 1,
"height": 4794,
"width": 4095,
"clip": { "minLevel": 12, "maxLevel": 20, "startCol": 301436, "startRow": 354060 },
// optional: minLevel and maxLevel define the level bounds
// startCol: first col at maxLevel
// startRow: first row at maxLevel
"path": "var/Vermeer/Vermeer_files",
"type": "dzi", // optional: dzi (default) or map
"urlTileTemplate": "{path}/{level}/{column}/{row}.{format}"
// optional: {path}/{level}/{column}_{row}.{format} (default) or
// a template String with the format of the URL
}const front = PIXI.Sprite.from('./assets/front.jpg')
-const back = PIXI.Sprite.from('./assets/back.jpg')
-app.scene.addChild(front)
-
-// Create the flippable
-const flippable = new Flippable(front, back, app.renderer)
-
-front.interactive = true
-front.on('click', event => flippable.toggle())const front = PIXI.Sprite.from('./assets/front.jpg')
const back = PIXI.Sprite.from('./assets/back.jpg')
app.scene.addChild(front)
// Create the flippable
const flippable = new Flippable(front, back, app.renderer)
front.interactive = true
front.on('click', event => flippable.toggle())const elephant1 = PIXI.Sprite.from('./assets/elephant-1.jpg')
-const elephant2 = PIXI.Sprite.from('./assets/elephant-2.jpg')
-
-// Create the list
-const list = new List([elephant1, elephant2])
-
-app.scene.addChild(list)const elephant1 = PIXI.Sprite.from('./assets/elephant-1.jpg')
const elephant2 = PIXI.Sprite.from('./assets/elephant-2.jpg')
// Create the list
const list = new List([elephant1, elephant2])
app.scene.addChild(list)// Create the PixiJS App
-const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-// Create a button
-let button = new Button({
- label: 'Click me',
- action: e => {
- const message = new Message({
- app: app,
- header: 'Header',
- content: 'Text.'
- })
- app.scene.addChild(message)
- }
-})
-
-// Add the button to the scene
-app.scene.addChild(button)// Create the PixiJS App
const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
// Create a button
let button = new Button({
label: 'Click me',
action: e => {
const message = new Message({
app: app,
header: 'Header',
content: 'Text.'
})
app.scene.addChild(message)
}
})
// Add the button to the scene
app.scene.addChild(button)// Create the button and the modal when clicked
-const button = new Button({
- label: 'Show Modal',
- action: e => {
- const modal = new Modal({
- app: app,
- header: 'This is the header',
- content: 'This is the text.'
- })
- app.scene.addChild(modal)
- }
-})
-
-// Add the button to a DisplayObject
-app.scene.addChild(button)// Create the button and the modal when clicked
const button = new Button({
label: 'Show Modal',
action: e => {
const modal = new Modal({
app: app,
header: 'This is the header',
content: 'This is the text.'
})
app.scene.addChild(modal)
}
})
// Add the button to a DisplayObject
app.scene.addChild(button)// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 450,
- height: 150,
- fpsLogging: true,
- theme: 'light',
- transparent: false
-}).setup().run()// Create the app
const app = new PIXIApp({
view: canvas,
width: 450,
height: 150,
fpsLogging: true,
theme: 'light',
transparent: false
}).setup().run()// Create the popup
-const popup = new Popup({
- header: 'Goethe',
- content: 'Man kann die Erfahrung nicht früh genug machen, wie entbehrlich man in der Welt ist.'
-})
-
-// Add the popup to a DisplayObject
-app.scene.addChild(popup)// Create the popup
const popup = new Popup({
header: 'Goethe',
content: 'Man kann die Erfahrung nicht früh genug machen, wie entbehrlich man in der Welt ist.'
})
// Add the popup to a DisplayObject
app.scene.addChild(popup)// Create the button and the modal when clicked
-const button = new Button({
- label: 'Show PopupMenu',
- action: e => {
- const popupmenu = new PopupMenu({
- items: [
- {label: 'Save', action: () => alert('Saved')},
- {label: 'Edit', action: () => alert('Edited')},
- {label: 'Delete', action: () => alert('Deleted')}
- ]
- })
- app.scene.addChild(popupmenu)
- }
-})
-
-// Add the button to a DisplayObject
-app.scene.addChild(button)// Create the button and the modal when clicked
const button = new Button({
label: 'Show PopupMenu',
action: e => {
const popupmenu = new PopupMenu({
items: [
{label: 'Save', action: () => alert('Saved')},
{label: 'Edit', action: () => alert('Edited')},
{label: 'Delete', action: () => alert('Deleted')}
]
})
app.scene.addChild(popupmenu)
}
})
// Add the button to a DisplayObject
app.scene.addChild(button)// Create the progress
-const progress = new Progress({
- app: app
-})
-
-// Add the progress to a DisplayObject
-app.scene.addChild(progress)// Create the progress
const progress = new Progress({
app: app
})
// Add the progress to a DisplayObject
app.scene.addChild(progress)// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 600,
- height: 400
-}).setup().run()
-
-// Create the Scrollview
-app.loader
- .add('elephant', './assets/elephant-1.jpg')
- .load((loader, resources) => {
- const sprite = new PIXI.Sprite(resources.elephant.texture)
- const scrollview = new Scrollview({boxWidth: 400, boxHeight: 300})
- scrollview.content.addChild(sprite)
- app.scene.addChild(scrollview)// Create the app
const app = new PIXIApp({
view: canvas,
width: 600,
height: 400
}).setup().run()
// Create the Scrollview
app.loader
.add('elephant', './assets/elephant-1.jpg')
.load((loader, resources) => {
const sprite = new PIXI.Sprite(resources.elephant.texture)
const scrollview = new Scrollview({boxWidth: 400, boxHeight: 300})
scrollview.content.addChild(sprite)
app.scene.addChild(scrollview)// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-// Create the slider
-const slider = new Slider({
- x: 10,
- y: 20
-})
-
-// Add the slider to a DisplayObject
-app.scene.addChild(slider)// Create the app
const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
// Create the slider
const slider = new Slider({
x: 10,
y: 20
})
// Add the slider to a DisplayObject
app.scene.addChild(slider)// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-// Create the switch
-const switch1 = new Switch({
- x: 10,
- y: 20
-})
-
-// Add the switch to a DisplayObject
-app.scene.addChild(switch1)// Create the app
const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
// Create the switch
const switch1 = new Switch({
x: 10,
y: 20
})
// Add the switch to a DisplayObject
app.scene.addChild(switch1)// Create the theme
-const yellow = new Theme({
- fill: 0xfecd2d,
- fillActive: 0xfe9727,
- strokeActive: 0xfecd2d,
- strokeActiveWidth: 4,
- textStyle: {
- fill: 0x5ec7f8
- },
- textStyleActive: {
- fill: 0x5954d3
- },
- textStyleLarge: {
- fontSize: 36
- }
-})
-
-// Create the app and apply the new theme to it
-const app = new PIXIApp({
- view: canvas,
- width: 450,
- height: 150,
- theme: yellow
-}).setup().run()// Create the theme
const yellow = new Theme({
fill: 0xfecd2d,
fillActive: 0xfe9727,
strokeActive: 0xfecd2d,
strokeActiveWidth: 4,
textStyle: {
fill: 0x5ec7f8
},
textStyleActive: {
fill: 0x5954d3
},
textStyleLarge: {
fontSize: 36
}
})
// Create the app and apply the new theme to it
const app = new PIXIApp({
view: canvas,
width: 450,
height: 150,
theme: yellow
}).setup().run()// Create the app with a new dark theme
-const app = new PIXIApp({
- view: canvas,
- width: 450,
- height: 150,
- theme: new ThemeDark()
-}).setup().run()// Create the app with a new dark theme
const app = new PIXIApp({
view: canvas,
width: 450,
height: 150,
theme: new ThemeDark()
}).setup().run()// Create the app with a new light theme
-const app = new PIXIApp({
- view: canvas,
- width: 450,
- height: 150,
- theme: new ThemeLight()
-}).setup().run()// Create the app with a new light theme
const app = new PIXIApp({
view: canvas,
width: 450,
height: 150,
theme: new ThemeLight()
}).setup().run()// Create the app with a new red theme
-const app = new PIXIApp({
- view: canvas,
- width: 450,
- height: 150,
- theme: new ThemeRed()
-}).setup().run()// Create the app with a new red theme
const app = new PIXIApp({
view: canvas,
width: 450,
height: 150,
theme: new ThemeRed()
}).setup().run()// Create the app
-const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-// Add an DisplayObject to the app
-const circle = new PIXI.Graphics()
-circle.beginFill(0x5251a3)
-circle.drawCircle(50, 50, 40)
-app.scene.addChild(circle)
-
-const tooltip = new Tooltip({
- object: circle,
- container: app.scene,
- content: 'Das Gesetz ist der Freund des Schwachen.'
-})// Create the app
const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
// Add an DisplayObject to the app
const circle = new PIXI.Graphics()
circle.beginFill(0x5251a3)
circle.drawCircle(50, 50, 40)
app.scene.addChild(circle)
const tooltip = new Tooltip({
object: circle,
container: app.scene,
content: 'Das Gesetz ist der Freund des Schwachen.'
})// Create the UITest object
-const test = new UITest({
- timeScale: 2
-})
-
-// Add an action to the test case
-test.tap(button, {eventType: 'click'})
-
-// Start the test case
-test.start()// Create the UITest object
const test = new UITest({
timeScale: 2
})
// Add an action to the test case
test.tap(button, {eventType: 'click'})
// Start the test case
test.start()const app = new PIXIApp({
- view: canvas,
- width: 900,
- height: 250
-}).setup().run()
-
-const button = new Button({
- label: 'Volatile!',
- action: () => {
- new Volatile({
- object: button,
- direction: 'right',
- destroyOnComplete: false
- })
- }
-})
-
-app.scene.addChild(button)const app = new PIXIApp({
view: canvas,
width: 900,
height: 250
}).setup().run()
const button = new Button({
label: 'Volatile!',
action: () => {
new Volatile({
object: button,
direction: 'right',
destroyOnComplete: false
})
}
})
app.scene.addChild(button)The following Attributes are taken from the TextStyle class +of PIXI. All can be overwritten in the overlay's JSON file.
+Callback for the button afterAction.
-| Name | - - -Type | - - - -Description | -
|---|---|---|
event |
-
-
- - - -object - - - - | - - - -
-
- The event object. |
-
button |
-
-
- - - -Button - - - - | - - - -
-
- A reference to the button (also this refers to the button). |
-
Callback for the button afterAction.
+| Name | + + +Type | + + + +Description | +
|---|---|---|
event |
+
+
+ + + +object + + + + | + + + +
+
+ The event object. |
+
button |
+
+
+ + + +Button + + + + | + + + +
+
+ A reference to the button (also this refers to the button). |
+
A coordinate point is a PIXI.Point or object in form {x,y} that contains map coordinates +instead of pixel values, where x represents the latitude and y the longitude.
+| Name | + + +Type | + + + + + +Description | +
|---|---|---|
x |
+
+
+ + + +number + + + + | + + + + + +Indicates whether the Courage component is present. |
+
y |
+
+
+ + + +number + + + + | + + + + + +Indicates whether the Power component is present. |
+
The complete Triforce, or one or more components of the Triforce.
+| Name | + + +Type | + + + + + +Description | +
|---|---|---|
x |
+
+
+ + + +number + + + + | + + + + + +X position of the frame. |
+
y |
+
+
+ + + +number + + + + | + + + + + +Y position of the frame. |
+
width |
+
+
+ + + +number + + + + | + + + + + +Width of the frame. |
+
height |
+
+
+ + + +number + + + + | + + + + + +Height od the frame. |
+
localCenter |
+
+
+ + + +Point + + + + | + + + + + +Local center of the map. |
+
center |
+
+
+ + + +Point + + + + | + + + + + +Global center of the map. |
+
| Name | + + +Type | + + + + + +Description | +
|---|---|---|
key |
+
+
+ + + +string + + + + | + + + + + +an ID. |
+
altKey |
+
+
+ + + +boolean + + + + | + + + + + +Defines if KeyCode requires the alt key to be pressed. |
+
shiftKey |
+
+
+ + + +boolean + + + + | + + + + + +Defines if KeyCode requires the shift key to be pressed. |
+
ctrlKey |
+
+
+ + + +boolean + + + + | + + + + + +Defines if KeyCode requires the ctrl key to be pressed. |
+
| Name | + + +Type | + + + + + +Description | +
|---|---|---|
name |
+
+
+ + + +string + + + + | + + + + + +Name of the KeyCode. |
+
keyCode |
+
+
+ + + +KeyCode + + + + | + + + + + +KeyCode |
+
A PIXI.Point or object in form {x,y}.
+| Name | + + +Type | + + + + + +Description | +
|---|---|---|
x |
+
+
+ + + +number + + + + | + + + + + +Indicates whether the Courage component is present. |
+
y |
+
+
+ + + +number + + + + | + + + + + +Indicates whether the Power component is present. |
+
GeoPoint is a single coordinate in the map.
The overlayclass creates a convenient way to create and design complex map overlays. diff --git a/lib/pixi/thumbnail.png b/lib/pixi/thumbnail.png index 3874702..74df364 100644 Binary files a/lib/pixi/thumbnail.png and b/lib/pixi/thumbnail.png differ diff --git a/lib/pixi/thumbnails/app.png b/lib/pixi/thumbnails/app.png index 5539808..b34aeee 100644 Binary files a/lib/pixi/thumbnails/app.png and b/lib/pixi/thumbnails/app.png differ diff --git a/lib/pixi/thumbnails/application.png b/lib/pixi/thumbnails/application.png index e8e2770..af57f47 100644 Binary files a/lib/pixi/thumbnails/application.png and b/lib/pixi/thumbnails/application.png differ diff --git a/lib/pixi/thumbnails/badge.png b/lib/pixi/thumbnails/badge.png index 56c0d6b..240ff4c 100644 Binary files a/lib/pixi/thumbnails/badge.png and b/lib/pixi/thumbnails/badge.png differ diff --git a/lib/pixi/thumbnails/blurfilter.png b/lib/pixi/thumbnails/blurfilter.png index dd074c2..d988b3e 100644 Binary files a/lib/pixi/thumbnails/blurfilter.png and b/lib/pixi/thumbnails/blurfilter.png differ diff --git a/lib/pixi/thumbnails/button.png b/lib/pixi/thumbnails/button.png index f27540e..2bb3ec2 100644 Binary files a/lib/pixi/thumbnails/button.png and b/lib/pixi/thumbnails/button.png differ diff --git a/lib/pixi/thumbnails/buttongroup.png b/lib/pixi/thumbnails/buttongroup.png index 318bd83..c6a5fbf 100644 Binary files a/lib/pixi/thumbnails/buttongroup.png and b/lib/pixi/thumbnails/buttongroup.png differ diff --git a/lib/pixi/thumbnails/coordinates.png b/lib/pixi/thumbnails/coordinates.png index de5cfb6..5684671 100644 Binary files a/lib/pixi/thumbnails/coordinates.png and b/lib/pixi/thumbnails/coordinates.png differ diff --git a/lib/pixi/thumbnails/flipeffect.png b/lib/pixi/thumbnails/flipeffect.png index ec50304..a50c7e7 100644 Binary files a/lib/pixi/thumbnails/flipeffect.png and b/lib/pixi/thumbnails/flipeffect.png differ diff --git a/lib/pixi/thumbnails/flippable.png b/lib/pixi/thumbnails/flippable.png index d26099d..d57b889 100644 Binary files a/lib/pixi/thumbnails/flippable.png and b/lib/pixi/thumbnails/flippable.png differ diff --git a/lib/pixi/thumbnails/labeledgraphics.png b/lib/pixi/thumbnails/labeledgraphics.png index 15b1cbc..063cb4c 100644 Binary files a/lib/pixi/thumbnails/labeledgraphics.png and b/lib/pixi/thumbnails/labeledgraphics.png differ diff --git a/lib/pixi/thumbnails/list.png b/lib/pixi/thumbnails/list.png index 9218b8e..2083f1f 100644 Binary files a/lib/pixi/thumbnails/list.png and b/lib/pixi/thumbnails/list.png differ diff --git a/lib/pixi/thumbnails/message.png b/lib/pixi/thumbnails/message.png index d4a8f52..decb903 100644 Binary files a/lib/pixi/thumbnails/message.png and b/lib/pixi/thumbnails/message.png differ diff --git a/lib/pixi/thumbnails/modal.png b/lib/pixi/thumbnails/modal.png index 0e57bcb..3b53819 100644 Binary files a/lib/pixi/thumbnails/modal.png and b/lib/pixi/thumbnails/modal.png differ diff --git a/lib/pixi/thumbnails/popover.png b/lib/pixi/thumbnails/popover.png index 168d7f3..922b617 100644 Binary files a/lib/pixi/thumbnails/popover.png and b/lib/pixi/thumbnails/popover.png differ diff --git a/lib/pixi/thumbnails/popup.png b/lib/pixi/thumbnails/popup.png index f0aa561..f04d7f4 100644 Binary files a/lib/pixi/thumbnails/popup.png and b/lib/pixi/thumbnails/popup.png differ diff --git a/lib/pixi/thumbnails/popupmenu.png b/lib/pixi/thumbnails/popupmenu.png index 193e343..ee928dd 100644 Binary files a/lib/pixi/thumbnails/popupmenu.png and b/lib/pixi/thumbnails/popupmenu.png differ diff --git a/lib/pixi/thumbnails/progress.png b/lib/pixi/thumbnails/progress.png index f6c8736..458e3d2 100644 Binary files a/lib/pixi/thumbnails/progress.png and b/lib/pixi/thumbnails/progress.png differ diff --git a/lib/pixi/thumbnails/scatter.png b/lib/pixi/thumbnails/scatter.png index 58f7cee..bb03071 100644 Binary files a/lib/pixi/thumbnails/scatter.png and b/lib/pixi/thumbnails/scatter.png differ diff --git a/lib/pixi/thumbnails/scrollview.png b/lib/pixi/thumbnails/scrollview.png index 92049da..daf64c7 100644 Binary files a/lib/pixi/thumbnails/scrollview.png and b/lib/pixi/thumbnails/scrollview.png differ diff --git a/lib/pixi/thumbnails/slider.png b/lib/pixi/thumbnails/slider.png index d24efb3..d810092 100644 Binary files a/lib/pixi/thumbnails/slider.png and b/lib/pixi/thumbnails/slider.png differ diff --git a/lib/pixi/thumbnails/switch.png b/lib/pixi/thumbnails/switch.png index 83a3c03..3bfb599 100644 Binary files a/lib/pixi/thumbnails/switch.png and b/lib/pixi/thumbnails/switch.png differ diff --git a/lib/pixi/thumbnails/text-transform.png b/lib/pixi/thumbnails/text-transform.png index 87e4d2c..0106922 100644 Binary files a/lib/pixi/thumbnails/text-transform.png and b/lib/pixi/thumbnails/text-transform.png differ diff --git a/lib/pixi/thumbnails/text.png b/lib/pixi/thumbnails/text.png index 87e4d2c..6d533db 100644 Binary files a/lib/pixi/thumbnails/text.png and b/lib/pixi/thumbnails/text.png differ diff --git a/lib/pixi/thumbnails/tooltip.png b/lib/pixi/thumbnails/tooltip.png index 5f477b8..0312aa4 100644 Binary files a/lib/pixi/thumbnails/tooltip.png and b/lib/pixi/thumbnails/tooltip.png differ diff --git a/lib/pixi/thumbnails/volatile.png b/lib/pixi/thumbnails/volatile.png index ac1da17..16120c8 100644 Binary files a/lib/pixi/thumbnails/volatile.png and b/lib/pixi/thumbnails/volatile.png differ diff --git a/lib/thumbnails/capabilities.png b/lib/thumbnails/capabilities.png index 6332f8d..648d8d0 100644 Binary files a/lib/thumbnails/capabilities.png and b/lib/thumbnails/capabilities.png differ diff --git a/lib/thumbnails/coordinates.png b/lib/thumbnails/coordinates.png index 08de7ab..1ef389a 100644 Binary files a/lib/thumbnails/coordinates.png and b/lib/thumbnails/coordinates.png differ diff --git a/lib/thumbnails/doctest.png b/lib/thumbnails/doctest.png index 9ea79e1..21edcb4 100644 Binary files a/lib/thumbnails/doctest.png and b/lib/thumbnails/doctest.png differ diff --git a/lib/thumbnails/events.png b/lib/thumbnails/events.png index ceea6d1..b60d71e 100644 Binary files a/lib/thumbnails/events.png and b/lib/thumbnails/events.png differ diff --git a/lib/thumbnails/flippable.png b/lib/thumbnails/flippable.png index 2007b72..66194f1 100644 Binary files a/lib/thumbnails/flippable.png and b/lib/thumbnails/flippable.png differ diff --git a/lib/thumbnails/frames.png b/lib/thumbnails/frames.png index 81e5168..dec7406 100644 Binary files a/lib/thumbnails/frames.png and b/lib/thumbnails/frames.png differ diff --git a/lib/thumbnails/interaction.png b/lib/thumbnails/interaction.png index 691ab09..a2d8fb8 100644 Binary files a/lib/thumbnails/interaction.png and b/lib/thumbnails/interaction.png differ diff --git a/lib/thumbnails/interface.png b/lib/thumbnails/interface.png index d356967..b6cd034 100644 Binary files a/lib/thumbnails/interface.png and b/lib/thumbnails/interface.png differ diff --git a/lib/thumbnails/popup.png b/lib/thumbnails/popup.png index 8475e99..a890c4a 100644 Binary files a/lib/thumbnails/popup.png and b/lib/thumbnails/popup.png differ diff --git a/lib/thumbnails/popupmenu.png b/lib/thumbnails/popupmenu.png index 70874a7..650b46d 100644 Binary files a/lib/thumbnails/popupmenu.png and b/lib/thumbnails/popupmenu.png differ diff --git a/lib/thumbnails/scatter.png b/lib/thumbnails/scatter.png index 58fd20b..9979336 100644 Binary files a/lib/thumbnails/scatter.png and b/lib/thumbnails/scatter.png differ diff --git a/lib/thumbnails/styleguide.png b/lib/thumbnails/styleguide.png index 67e68ba..48a861b 100644 Binary files a/lib/thumbnails/styleguide.png and b/lib/thumbnails/styleguide.png differ diff --git a/lib/thumbnails/uitest.png b/lib/thumbnails/uitest.png index b116905..6c0e751 100644 Binary files a/lib/thumbnails/uitest.png and b/lib/thumbnails/uitest.png differ