Игорь Белый (bujhm) wrote,
Игорь Белый
bujhm

Красим пасхальные яйца

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

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

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

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

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

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



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



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

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

<script language="javascript1.1">
<!--
firstimage=new Image()
firstimage.src="http://www.g-n.ru/images/dirizh/bg2a.gif"
secondimage=new Image()
secondimage.src="http://www.g-n.ru/images/dirizh/bg2b.gif"
overimage=new Image()
overimage.src="http://www.g-n.ru/images/dirizh/bg2a.gif"
timerID=0
function filter(imagename,objectsrc){
if (document.images)
document.images[imagename].src=eval(objectsrc+".src");
}
function undo(imagename,objectsrc){
document.images[imagename].src=eval(objectsrc+".src")
}
//-->
</script>

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

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

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

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

  • Электрические овцы

    Иногда в каких-нибудь старых научно-фантастических фильмах мне попадался такой эпизод. Люди далёкого будущего смотрят телевизор. Ну прямо как…

  • "Человек из Касселя"

    Потрясающий моноспектакль показал вчера в Гиперионе Денис Клопов. Это премьера - "Человек из Касселя". Он эту штуку вынашивал очень давно, разные…

  • Город из небытия

    Удивительная история мне попалась летом. Дело было в Америке в 30-е годы. Взрывное развитие автомобильного транспорта и появление бесконечного…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 15 comments

  • Электрические овцы

    Иногда в каких-нибудь старых научно-фантастических фильмах мне попадался такой эпизод. Люди далёкого будущего смотрят телевизор. Ну прямо как…

  • "Человек из Касселя"

    Потрясающий моноспектакль показал вчера в Гиперионе Денис Клопов. Это премьера - "Человек из Касселя". Он эту штуку вынашивал очень давно, разные…

  • Город из небытия

    Удивительная история мне попалась летом. Дело было в Америке в 30-е годы. Взрывное развитие автомобильного транспорта и появление бесконечного…