Когда я занимался репетиторством, то учил некоторых детей программированию в среде Small Basic. Там есть замечательный инструмент, «Черепашка» - именно с его помощью и была написана данная программа.

Одной из замечательных возможностей CSS 3 стала анимация по ключевым кадрам. Когда мы узнали об этой технологии, мы начали применять ее в некоторых наших проектах. Особенный интерес представляло создание послайдовых анимаций, - плавной смены наложенных друг на друга блоков, без применения каких-либо скриптов, используя только возможности CSS.

Однако, создать послайдовую анимацию средствами CSS довольно сложно: нужно рассчитать время, спустя которое каждый слайд будет сменять предыдущий, указать в правильной последовательности стили z-index и время начала анимации. Для упрощения этих рассчетов и была создана данная программа.

Программа «Прожектор» - интерактивный визуализатор с возможностью записи последовательности действий и их воспроизведения.