bujhm. Красим пасхальные яйца (Reply)

Одно из приятных и ностальгических воспоминаний от моей прежней работы - хулиганская выходка, которую я учинил, пользуясь своим служебным положением. Когда я работал в журнале "Галерея недвижимости", в сферу моих задач, помимо многих прочих, входил уход за корпоративным сайтом. Это было что-то вроде работы садовника в саду - полоть сорняки, чинить оградки, стричь кроны и прививать веточки. Возни хватало. И вот однажды, когда мне эта возня особенно осточертела, я вкрутил в официальную шапку сайта спрятанный анимационный прикол. И после этого мои унылые офисные будни стали чуть приятней - в смысле тупить стало посподручней, медитируя на собственные художества.
К сожалению, всё это было сильно давно, команда журнала нынче почти вся сменилась, а вместо того сайта, за которым я старательно ухаживал, теперь висит полное гуано.
Но в Веб-Архиве всё сохранилось. Суть прикола в том, что надо кликнуть один раз по большому многооконному зелёному дому в фоне шапки сайта. Начнётся кино - мышку надо плавно отодвинуть и не надвигать заново на дом.

http://web.archive.org/web/20050307223733/www.g-n.ru/about/

Я, по-моему, уже когда-то давно писал про эту хохму, значит, повторюсь.
Когда я показал данное хулиганство шефу, тот пришёл в восторг, собрал всех менеджериц и выдал им задание: под Очень Большим Секретом рассказать об этом всему контакт-листу в аське. И после того кривая посещений нашего сайта билась о потолок графика почти неделю.

А теперь для пытливых: как складывать пружинки в эту шляпу.

Понятное дело, что сначала надо придумать концепт. Что на что будет меняться, как дрыгаться и как восприниматься. Хорошее пасхальное яйцо всегда неожиданно и малообъяснимо.
Затем, когда определена точка приложения, её надо вырезать. Не исключено, что из одной большой картинки при этом придётся настрогать девять - зато повысится секретность.

Мне тут было проще, я просто повторил часть фона таблицы в отдельный файлик. Эта часть работы - просто обычная html-нарезка и попиксельная подгонка. И вот у меня получился файл bg2a.gif. Он аккуратно встал в уголок шапки и никак не отсвечивал.

Затем я из него долго и занудно делал кино. Это на самом деле просто - надо в Фотошопе нафигачить много-много слоёв с разными кадрами, а потом в ImageReady тупо тыкать мышкой, определяя порядок их загрузки - bg2b.gif

Кино циклично, с некоторой паузой. Размеры картинок совпадают.

После этого я полез в Сеть искать подходящие ява-заклинания. Поскольку я полный чайник, я взял то, что попроще. В заголовок страницы внутрь тегов head пошёл такой вот скрипт:

<script language="javascript1.1">

</script>

А на саму картинку повесилось такое хитрое событие:

<img src="http://www.g-n.ru/images/dirizh/bg2a.gif" name="click" border="0" onclick="filter(\'click\',\'secondimage\')" onmouseover="undo(\'click\',\'overimage\')">

Собственно, на этом как бы всё. Кино запускается по одинарному клику, и мышь свободно может съезжать с картинки. Останавливается кино, когда мышь заново наезжает на картинку.

Удачных вам пасхальных яиц, может, кому-нибудь да пригодится.