Modern Clippy
Inspired by Smore's ClippyJS
Modern Clippy is a reimplementation of Clippy using Web Components
![Screenshot](https://github.com/devpaul/modern-clippy/raw/master/docs/screenshot.png)
Try it out now. API is below. Open the developer console and watch Clippy move!
Component APIs
Attributes
mute
if sound is muted
bundle
loads a json art bundle
dialog
describes the placement of the speech bubble for clippy: left
, right
, top
, bottom
Properties
current
READONLY string: the current animation
actions
READONLY string[]: a list of available actions
Events
loaded
- emitted when a bundle has loaded
actionStart
- identifies when a frame starts
frame
- provides frame information
- useful for coordinating dialogs
actionEnd
- identifies when a frame ends
Functions
- load(config: AgentConfiguration | string);
- loads an AgentConfiguration
- play(name: string)
- playIdle()
- play a random idle animation
- stop()
- exit gracefully from the current animation
- stopImmediately()
- exit immediately from the current animation and return to idle
Slots
default
slots into the speech bubble
- The dialog slot overrides any current speech being shown
Building
Quick Start