№6 «Интересные механики»

Условия конкурса

Придумать и реализовать интересную механику в курсе. Это может быть что угодно наподобие паруса, что видели тут на днях. 1-2 слайда в общем или 100500 под капотом, но пользователь видит 1-2 слайда. Можно и в лонгридах сделать. Можно использовать либы и JS. Полный простор фантазии. Главное что работа ваша, а не взятая с интернета.

Работу кидаем мне в ЛС или ссылку на работу + исходник (выложу их чтобы любой мог разобрать механику изнутри). Идеально сопроводить вашу работу комментарием или гайдом для базы знаний.

Работы участников

Олег Буйлов (@obuylov)

Ссылка на работу | obuylov_cat.story (исходник)

Phil Churilov (@Philanek)

Phil Churilov_PP.ppsx (работа пощелкать)

О работе

Мероприятие прошло, поэтому выкладываю интерактив.

Что важно знать:
1) исходная картинка уже была
2) окна нарисованы в Figma
3) интерактив сделан в Power Point
4) ...в пределах одного слайда
5) ...на триггерах анимаций
6) ...примерно за 3,5 часа.

Как это можно использовать:
— собрать интерактивный слайд для объяснения сложной темы на уроке или вебинаре;
— сделать продвинутую презентацию для самостоятельного ознакомления;
— сделать интерактивный стенд на выставке (как раз этот случай: интерактив был открыт на сенсорной панели);
— сделать «живую» картинку с анимацией разных планов или интерактивными «секретами»;
— как упражнение для освоения базовой логики слоёв, анимаций, планирования интерактивов.

Ну, и как очередной пример к вот этому посту.

Алексей Миляев (@A_milyaev)

Работа №1 - Парус

Посмотреть работу | a_milyaevparys.story (исходник)

О работе

Как и обещал, выпустил второй ролик по Сторилайну, в котором я делаю диаграмму парус без использования JS. + в видео есть несколько интересных приемов/лайфхаков, которые помогут ускорить и упростить разработку курсов.

Я буду безмерно счастлив, если вы поддержите видео лайком на Ютубе (а если вы подпишитесь я вообще не знаю что со мной будет). Это поможет показать Ютубу что контент нормальный и ролики будут появляться в поиске.