gem-hunter
Language: JavaScript
Add Clippy or his friends to any website for instant nostalgia.
Add Clippy or his friends to any website for instant nostalgia.
Read more about the project on our homepage.
Add this code to you to your page to enable Clippy.js.
<!-- Add the stylesheet to the head --> <link rel="stylesheet" type="text/css" href="clippy.css" media="all"> ... <!-- Add these scripts to the bottom of the page --> <!-- jQuery 1.7+ --> <script src="jquery.1.7.min.js"></script> <!-- Clippy.js --> <script src="clippy.min.js"></script> <!-- Init script --> <script type="text/javascript"> clippy.load('Merlin', function(agent){ // do anything with the loaded agent agent.show(); }); </script>
All the agent actions are queued and executed by order, so you could stack them.
// play a given animation agent.play('Searching'); // play a random animation agent.animate(); // get a list of all the animations agent.animations(); // => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...] // Show text balloon agent.speak('When all else fails, bind some paper together. My name is Clippy.'); // move to the given point, use animation if available agent.moveTo(100,100); // gesture at a given point (if gesture animation is available) agent.gestureAt(200,200); // stop the current action in the queue agent.stopCurrent(); // stop all actions in the queue and go back to idle mode agent.stop();