PortalInk: 2.5D Visual Storytelling with SVG Parallax and Waypoint Transitions

要旨

Efforts to expand the authoring of visual stories beyond the 2D canvas have commonly mapped flat imagery to 3D scenes or objects. This translation requires spatial reasoning, as artists must think in two spaces. We propose PortalInk, a tool for artists to craft and export 2.5D graphical stories while remaining in 2D space by using SVG transitions. This is achieved via a parallax effect that generates a sense of depth that can be further explored using pan and zoom interactions. Any canvas position can be saved and linked to in a closed drawn stroke, or "portal," allowing the artist to create spatially discontinuous, or even infinitely looping visual trajectories. We provide three case studies and a gallery to demonstrate how artists can naturally incorporate these interactions to craft immersive comics, as well as re-purpose them to support use cases beyond drawing such as animation, slide-based presentations, web design, and digital journalism.

著者
Tongyu Zhou
Brown University, Providence, Rhode Island, United States
Joshua Kong. Yang
Brown University, Providence, Rhode Island, United States
Vivian Hsinyueh. Chan
UC Berkeley, Berkeley, California, United States
Ji Won Chung
Brown University, Providence, Rhode Island, United States
Jeff Huang
Brown University, Providence, Rhode Island, United States
論文URL

https://doi.org/10.1145/3654777.3676376

動画

会議: UIST 2024

ACM Symposium on User Interface Software and Technology

セッション: 3. Storytime

Westin: Allegheny 3
6 件の発表
2024-10-15 22:40:00
2024-10-16 00:10:00