Animatoa – анімація фото для презентації продуктів
Браузерний інструмент, який перетворює фото, GIF і відеофрагменти на рухомі презентації з 3D-перспективою, ефектами та музикою.
Про ресурс
Paperlab від Noor Mtir допомагає зробити папір частиною вебінтерфейсу: чек розгортається з рулону, лист складається, кут картки відклеюється, а постер рухається на вітрі. Текст і зображення нанесені на справжню 3D-геометрію, тому згинаються разом з аркушем. Ресурс стане у пригоді вебдизайнерам і розробникам, які експериментують із тактильними взаємодіями та виразною анімацією. Роботу зручно почати з готового пресета й налаштувати його в інспекторі. Редактор дає керувати формою та поведінкою аркуша, типом паперу, вмістом, поверхневими ефектами, фізикою, освітленням і сценою. Наприклад, у пресеті чека основними параметрами є ступінь розгортання й щільність скручування. Власні варіанти можна зберігати та переносити у файлах .paper JSON. Окрім окремого аркуша, є режим Field для композицій із багатьох листків і режим Stage для просторових сцен із паперовими полотнами. Стани Rest, Hover, Pressed, Picked і Placed дозволяють окремо налаштувати реакції на взаємодію. Додатковий FX Lab присвячений параметрам горіння паперу, але для звичайного редагування камера не потрібна. У меню Export доступні зображення в кількох пропорціях, короткі циклічні кліпи, JSX, JSON і посилання на редаговану копію сцени. Функція Copy for AI готує інструкцію для перенесення результату в код за допомогою програмувального асистента. Важлива деталь обміну: завантажені зображення не поміщаються в share-посилання, тому сцену з такими матеріалами автор радить передавати файлом .paper. Редактор відкривається без оплати й реєстрації та розрахований на ноутбук або настільний комп’ютер із мишею чи трекпадом. Це бета-продукт: частина пунктів у списку пресетів позначена як майбутня, а числових лімітів безкоштовного використання чи платного тарифу на перевірених сторінках не вказано. Для інтеграції у власний сайт потрібне React-середовище з відповідними залежностями; браузерний редактор допомагає підготувати ефект, а бібліотека переносить його в проєкт.
Використання та ліцензія
Код Paperlab поширюється за Apache License 2.0 і може використовуватися, зокрема, у комерційних проєктах за її умовами. При розповсюдженні коду потрібно зберігати належні ліцензійні та авторські повідомлення, включно з NOTICE; зміни слід позначати. Видиме посилання на автора бажане, але README не робить його обов’язковою умовою. Права на власні зображення, шрифти й сторонні матеріали перевіряються окремо; ліцензія коду не надає прав на торговельні марки.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
mckp.live – анімовані 3D-мокапи
Браузерний інструмент від ls.graphics для створення анімованих мокапів пристроїв із власними екранами, експорту відео та інтерактивного вбудовування на сайт.
Valessa – 3D-візуалізація логотипів
Безкоштовний браузерний інструмент від Riotters, який перетворює SVG на об’ємні форми та допомагає оформити 3D-сцену з матеріалами, світлом і анімацією.