欧美日产国产成人免费图片,国产精品久久久久av蜜臀,欧美韩国日本一区,在线精品亚洲一区二区不卡

     
微軟office辦公軟件卡通動畫插件 - 尹華峰博客
Normal
Times New Roman
12

Clippy.js

Add Clippy or his friends to any website for instant nostalgia. Our research shows that people love two things: failed Microsoft technologies and obscure Javascript libraries. Naturally, we decided to combine the two.

Demonstration

Clippy.js is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website. Pick an assistant below and mash some animation buttons! Our favorite is Links the cat.

Motivation

During lunch a few weeks ago we thought it would be cool to have a fully functional Clippy that can be embedded in any website. We fiddled around with it and we had an unexpected amount of fun laughing at Clippy and his antics.

We started thinking about the developers' state of mind when they created Clippy. Did they think it would really help people? It seems that Microsoft really believed that Assistants were the way of the future.

We built Clippy.js over the weekend to share that fun and whimsy with everyone, and to remind people to try new and risky things, even when they seem silly.

We built Clippy.js over the weekend to remind people to try risky and silly things.

Features

  • Play agent animations
  • "Speak" to the user
  • Move the agent around
  • Use multiple agents at the same time

Behind the scenes

Agents are composed of multiple sets of animations. However, unlike your Saturday morning cartoon, the animation is not linear. For example, while Links the cat is idle, behind the scenes a coin is flipped, and 10% of the time Links will turn about in boredom, or scratch behind his ears.

Agents are composed of multiple sets of animations.

Usage: Setup

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>

Usage: Actions

All the agent actions are queued and executed by order, so you could stack them.

Run
// Play a given animation
agent.Play('Searching');
Run
// Play a random animation
agent.animate();
// Get a list of all the animations
agent.animations();
// => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...]
Run
// Show text balloon
agent.speak('When all else fails, bind some paper together. My name is Clippy.');
Run
// Move to the given point, use animation if available
agent.moveTo(100,100);
Run
// Gesture at a given point (if gesture animation is available)
agent.gestureAt(200,200);
Run
// Stop the current action in the queue
agent.stopCurrent();
Run
// Stop all actions in the queue and go back to idle mode
agent.stop();

Download

Special thanks

Thanks to the awesome Cinnamon Software for developing Double Agent, the program we used to unpack Clippy and his friends!

Clippy.js is brought to you by Smore.

Smore is a website where you design beautiful online flyers. We're now in public beta.

You can also follow us on Twitter.

Page 1        Sec 1        1/1      At 1"        Ln 1        Col 1      REC TRK EXT OVR
主站蜘蛛池模板: 平湖市| 渭南市| 通化县| 富阳市| 江山市| 琼海市| 宣威市| 永胜县| 叶城县| 西华县| 山东省| 喀喇沁旗| 托克托县| 沙雅县| 岑溪市| 如皋市| 贵德县| 温宿县| 乌审旗| 太康县| 获嘉县| 塔河县| 油尖旺区| 五华县| 汉沽区| 毕节市| 翼城县| 阳东县| 普定县| 犍为县| 安龙县| 太康县| 德安县| 辉县市| 左权县| 抚宁县| 乐都县| 边坝县| 西昌市| 长汀县| 潍坊市|