Beautiful bits – by the prezi design team - Latest. Impress.js — презентации на CSS3, рвущие шаблон. Даже хорошие презентации, не содержащие списков из двадцати пунктов восьмым кеглем и вызывающих рвотный рефлекс картинок из бесплатных сборников клипарта “встречи и партнёрство” или “офисная жизнь”, следуют давным-давно заданному стандарту, без изменений перенесённому в офисные пакеты из мира старинных диапроекторов. Презентация всегда представляет собой набор прямоугольных картинок одинакового формата и размера. Иногда между ними добавляют переходы и анимацию, раздражающую не меньше разноцветных надписей и бессмысленно улыбающихся абстрактных офисных работников.
Стандартом де-факто для хорошей презентации давно стала последовательность статичных слайдов без всякого мельтешения, с очень коротким текстом крупным шрифтом и несколькими тщательно подобранными фотографиями или скриншотами. Каждый слайд, вернее, шаг анимации представлен блоком вида <div class=”step” … >, к которому можно добавлять атрибуты, задающие положение и масштаб. Второй шаг. Двигаемся на 1000 пикселей вправо и вниз: Bartaz/impress.js.
Полу-Prezi за 10 минут в .NET и WPF. Речь пойдёт о создании программы для воспроизведения презентации по типу веб-сервиса Prezi, хотя подобную концепцию можно было видеть ранее в PowerPoint 2010 в одном из стандартных темплейтов. Отличие от обычной презентации в виде слайдов — наличие сплошного фона, как-бы полотна для контента, где перемещение от одной области с содержанием к другой происходит посредством перемещения, приближения и поворота. Итак, делаем что-то похожее в .NET и WPF. Лично мне нравится VB.NET (наверное из-за отсутствия {...}, которые занимают целую строку в C#).
Необходимо: VisualStudio, Framework 4 и здоровая картинка, например 4800x3800, нарисованная в Фотошопе с каким-то контентом (можно налепить пару слайдов экспортом из PowerPoint): В VisualStudio создаём пустой WPF проект и на «форму» добавляем следующие дела: фоновую картинку ImageBg с растяжкой под форму, компонент ScrollViewer со скрытыми барами и в него ещё одну картинку Image1 без растяжения. Задаём переменные: Загрузка списков шагов из файла: