- Notifications
You must be signed in to change notification settings - Fork332
Add Clippy or his friends to any website for instant nostalgia.
NotificationsYou must be signed in to change notification settings
clippyjs/clippy.js
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Add Clippy or his friends to any website for instant nostalgia.
Read more about the project onour homepage.
Add this code to you to your page to enable Clippy.js.
<!-- Add the stylesheet to the head --><linkrel="stylesheet"type="text/css"href="clippy.css"media="all">...<!-- Add these scripts to the bottom of the page --><!-- jQuery 1.7+ --><scriptsrc="jquery.1.7.min.js"></script><!-- Clippy.js --><scriptsrc="clippy.min.js"></script><!-- Init script --><scripttype="text/javascript">clippy.load('Merlin',function(agent){// do anything with the loaded agentagent.show();});</script>
All the agent actions are queued and executed by order, so you could stack them.
// play a given animationagent.play('Searching');// play a random animationagent.animate();// get a list of all the animationsagent.animations();// => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...]// Show text balloonagent.speak('When all else fails, bind some paper together. My name is Clippy.');// move to the given point, use animation if availableagent.moveTo(100,100);// gesture at a given point (if gesture animation is available)agent.gestureAt(200,200);// stop the current action in the queueagent.stopCurrent();// stop all actions in the queue and go back to idle modeagent.stop();
- The awesomeCinnamon Software for developingDouble Agentthe program we used to unpack Clippy and his friends!
- Microsoft, for creating clippy :)