Layered Image
Oct 21, 2024
The winner of Best Design for the Seam Summer 2024 Miniapp Challenge Layered Image by Seam User @jakeaicher. This Miniapp allows users to share up to ten photos which can be viewed by moving the slider underneath from left to right. Creative uses include showing progress on a project, simple flip-book animations, and presenting a slide show.
How to use Layered Image:
Select up to ten photos you’d like to share
If you are using transparent assets, you can opt to have them fade in our out using the “Add” or “Subtract” selection
Ensure your photos are in the correct order by dragging and dropping them
Easily remove any photos added by accident
Preview your creation, and post it to your desired collection!
What we love: Layered Image encourages Seam Users to get creative with the way they share their pictures! Only on Seam can you tell stories in the way that you want to, and not be constrained by being stuck to a single static image.
Quick tip: Try adding semi-transparent layers to create a fun scrapbook effect or test out making your own flip-book!
Technical Implementation: The code for Layered Image is all open source, and was created in this Pull Request. Of note, the Layered Image miniapp is a great example of the FileUploadComponent
, that allows users to upload multiple different files to Seam. As a miniapp developer, @jakeaicher was able to reuse Seam’s image upload so that he could work on the styling and story telling, rather than worrying about backend server image hosting — Seam handles all that for you. Read more in the documentation about how image and file upload works on Seam here.