Longcat demo

2025-08-07 14:35:33 +01:00 · 2013-09-11 22:03:39 -07:00 · 2013-09-11 22:03:39 -07:00 · db38639c17
commit db38639c17
parent 42c6a53148
5 changed files with 33 additions and 0 deletions
--- a/src/test/html/longcat.html
+++ b/src/test/html/longcat.html
@ -0,0 +1,10 @@
+<html>
+<head>
+</head>
+<body>
+<p><img src="longcattop.png"/></p>
+<p><img src="longcatmid.png"/></p>
+<p><img src="longcatbot.png"/></p>
+<script src="longcat.js"></script>
+</body>
+</html>
--- a/src/test/html/longcat.js
+++ b/src/test/html/longcat.js
@ -0,0 +1,23 @@
+var longcats = window.document.getElementsByTagName("img");
+var longcat_top = longcats[0];
+var longcat_mid = longcats[1];
+var longcat_bot = longcats[2];
+
+function wait_for_img_load(f) {
+	if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
+		f();
+	} else {
+		window.setTimeout(function() { wait_for_img_load(f) }, 1);
+	}
+}
+
+wait_for_img_load(function() {
+	var count = 0;
+	function elongate() {
+		let height = Math.round((Math.sin(count) + 1) * 70 + 20);
+		count += 0.2;
+		longcat_mid.height = height;
+		window.setTimeout(function() { elongate() }, 100);
+	}
+	elongate();
+});
--- a/src/test/html/longcatbot.png
+++ b/src/test/html/longcatbot.png
--- a/src/test/html/longcatmid.png
+++ b/src/test/html/longcatmid.png
--- a/src/test/html/longcattop.png
+++ b/src/test/html/longcattop.png