You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.4 KiB
HTML
50 lines
2.4 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Clippy</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="./clippy.js/build/clippy.css" media="all">
|
||
|
|
<link rel="stylesheet" type="text/css" href="./it_seems_like.js" media="all">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Hello Clippy!</h1>
|
||
|
|
|
||
|
|
<script src="./jquery.1.7.min.js"></script>
|
||
|
|
<script src="./clippy.js/build/clippy.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var x = ["It looks like you're writing a letter: Microsoft Word", 'A recent film has one character blown to death at their keyboard.', 'Underneath the desk they sit at is a bomb controlled by a keystroke counter. ', 'When the number of taps on the keyboard drops below a certain number, off goes the explosive. ', 'A real innovation in the switching system the bomb uses is that it is tied into the grammar check in Microsoft Word. ', 'The victim is unable to keep tapping away at the same key until help arrives. ', 'They have to keep composing grammatically correct sentences, line after line, through the cramp in their fingers.', "Needless to say, knowing this is both a sure wellspring of verbiage and a scriptwriter's shortcut to bathos, they compose a last letter to their loved ones.", "Eventually though, the agrammaticality of their emotions or of tiredness sprawls out of even these second guessed finger-tips and as a green line appears under a patiently panicked phrase, up they go.", '', 'This lot is being written with every toolbar visible, every feature enabled. ', 'One third of the screen, a large one, is taken up with grey toolbars pocked with icons. ', "There is a constant clatter of audio feedback clicking, shuffling and chiming as the user's attention is pulled away from putting together a piece of writing into the manufacture of the text as a perfectly primped document. ", 'As you read, understand that these words are to appear against a background fill effect of white, grey-veined marble.'];
|
||
|
|
|
||
|
|
|
||
|
|
clippy.load('Clippy', function(agent){
|
||
|
|
agent.show();
|
||
|
|
|
||
|
|
//agent.play('Searching');
|
||
|
|
|
||
|
|
//agent.animate();
|
||
|
|
|
||
|
|
//agent.animations();
|
||
|
|
|
||
|
|
//agent.moveTo();
|
||
|
|
|
||
|
|
//agent.play();
|
||
|
|
var i = 0
|
||
|
|
$( "*" ).click(function() {
|
||
|
|
|
||
|
|
agent.speak(x[i]);
|
||
|
|
i += 1;
|
||
|
|
});
|
||
|
|
|
||
|
|
agent.animate();
|
||
|
|
agent.speak('Hi. Im Clippy!');
|
||
|
|
|
||
|
|
//agent.gestureAt(200,200);
|
||
|
|
|
||
|
|
//agent.stopCurrent();
|
||
|
|
|
||
|
|
//agent.stop();
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|