Animosaics Kaleigh Smith, Yunjun Liu, and Allison Klein McGill University Eurographics Symposium on Computer Animation 2005.

Slides:



Advertisements
Similar presentations
Generating Classic Mosaics with Graph Cuts Y. Liu, O. Veksler and O. Juan University of Western Ontario, Canada Ecole Centrale de Paris, France.
Advertisements

Texture Symmetry A lecture by Alexey Burshtein. Definitions Regular texture is a periodic pattern containing translation symmetry and (possibly) rotation,
Simulating Decorative Mosaics Alejo Hausner University of Toronto [SIGGRAPH2001]
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
PARTITIONAL CLUSTERING
Macromedia Director 8 Foundation Level Course. What is Director? Director is a challenging program for creating animation and multimedia productions for.
Chapter 3 Drawing and Composing an Illustration. Objectives Draw straight lines Draw curved lines Draw elements of an illustration Apply attributes to.
Image Space Based Visualization of Unsteady Flow on Surfaces Robert Laramee Bruno Jobard Helwig Hauser Presenter: Bob Armstrong 24 January 2007.
Lapped Textures Emil Praun and Adam Finkelstien (Princeton University) Huges Hoppe (Microsoft Research) SIGGRAPH 2000 Presented by Anteneh.
HCI 530 : Seminar (HCI) Damian Schofield.
© 2009 Research In Motion Limited BlackBerry themes and animated graphics.
Jigsaw Image Mosaics - Junhwan Kim and Fabio Pellacini Junhwan Kim and Fabio Pellacini Cornell University.
The UNIVERSITY of NORTH CAROLINA at CHAPEL HILL Adrian Ilie Jigsaw Image Mosaics Junhwan Kim, Fabio Pellacini (Cornell University) Siggraph 2002.
Processing Image and Video for An Impressionist Effect Peter Litwinowicz Apple Computer, Inc. Siggraph1997.
Painterly Rendering for Animation Barbara J. Meier Walt Disney Feature Animation SIGGRAPH 96.
Geometric Objects and Transformations Geometric Entities Representation vs. Reference System Geometric ADT (Abstract Data Types)
2.02E Adding and Animating Text into Computer Animations 2.02 Develop Computer Animations.
© 2010 Delmar, Cengage Learning Chapter 4: Creating Animation.
Introduction to Modeling. What is CG Modeling? Combination of Sculpting, Architecture, Drafting, and Painting. The core component of computer animation.
Graphics: Creating Images Chapter 8, Exploring the Digital Domain.
MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - GRAPHICS. In this chapter how the computer creates, stores, and displays graphic images how the computer creates,
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
CSE554AlignmentSlide 1 CSE 554 Lecture 8: Alignment Fall 2014.
A Navigation Mesh for Dynamic Environments Wouter G. van Toll, Atlas F. Cook IV, Roland Geraerts CASA 2012.
© Manfred Huber Autonomous Robots Robot Path Planning.
Chapter 4 Creating Animations.
Perception Introduction Pattern Recognition Image Formation
Algorithms for Triangulations of a 3D Point Set Géza Kós Computer and Automation Research Institute Hungarian Academy of Sciences Budapest, Kende u
Light Using Texture Synthesis for Non-Photorealistic Shading from Paint Samples. Christopher D. Kulla, James D. Tucek, Reynold J. Bailey, Cindy M. Grimm.
09/09/03CS679 - Fall Copyright Univ. of Wisconsin Last Time Event management Lag Group assignment has happened, like it or not.
Multiscale Moment-Based Painterly Rendering Diego Nehab and Luiz Velho
1 3D virtual mosaics: Opus Palladium and mixed styles Visual Comput 2009 報告者 : 丁琨桓.
XP Tutorial 1 Introduction to Macromedia Flash MX 2004.
Processing Images and Video for an Impressionist Effect Author: Peter Litwinowicz Presented by Jing Yi Jin.
Tutorial 1 Introducing Adobe Flash CS3 Professional
© 2011 Delmar, Cengage Learning Chapter 4 Creating Animations.
Chapter 4 Creating Animations. Chapter 4 Lessons 1.Create motion tween animations 2.Create classic tween animations 3.Create frame-by-frame animations.
2.5D Cartoon Models SIGGRAPH 2010 Frédo DurandTakeo IgarashiAlec Rivers MIT CSAIL The University of Tokyo.
Project requirements Summer 2015 Intro to 3D Animation (Please use this address for me.)
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
CSE554AlignmentSlide 1 CSE 554 Lecture 8: Alignment Fall 2013.
Advanced 2D Design Concepts Guilford County Sci Vis V
ADOBE INDESIGN CS3 Chapter 7 CREATING GRAPHICS. Chapter 72 Introduction InDesign allows you to create graphics using tools in InDesign The Pen Tool can.
CS COMPUTER GRAPHICS LABORATORY. LIST OF EXPERIMENTS 1.Implementation of Bresenhams Algorithm – Line, Circle, Ellipse. 2.Implementation of Line,
CISC 110 Day 3 Introduction to Computer Graphics.
Creating Vectors – Part One 2.02 Understand Digital Vector Graphics.
Classical Viewing Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
Introduction to Animation In animation, a series of images are rapidly changed to create an illusion of movement.
Advanced 2D Design Concepts V The basic fill options include uniform or solid, fountain or gradient, and pattern. The uniform fill is produced.
SIGGRAPH 2007 Hui Fang and John C. Hart.  We propose an image editing system ◦ Preserve its detail and orientation by resynthesizing texture from the.
CSCI 631 – Foundations of Computer Vision March 15, 2016 Ashwini Imran Image Stitching.
Processing Images and Video for An Impressionist Effect Automatic production of “painterly” animations from video clips. Extending existing algorithms.
Main characteristics of Vector graphics  Vector graphics provide an elegant way of constructing digital images (diagrams, technical illustration and.
Simulating Decorative Mosaics Based on SIGGRAPH ‘01 paper by Alejo Hausner Final Project.
2.02F Adding and Animating Text in Computer Animations
CSE 554 Lecture 8: Alignment
Section 7.1 Section 7.2 Identify presentation design principles
3.01E Adding and Animating Text into Computer Animations
2.02E Adding and Animating Text into Computer Animations
Reconstructing Shredded Documents
2.02 Understand Digital Vector Graphics
Craig Schroeder October 26, 2004
Chapter Lessons Understand the Fireworks work environment
VMorph: Motion and Feature-Based Video Metamorphosis
2.02E Adding and Animating Text into Computer Animations
Computer Graphics Lecture 15.
Creating Vectors – Part One
Creating Vectors – Part One
Presentation transcript:

Animosaics Kaleigh Smith, Yunjun Liu, and Allison Klein McGill University Eurographics Symposium on Computer Animation 2005

Abstract Animated mosaics are a traditional form of stop-motion animation. It is time-consuming and labourious.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Introduction Arrange and rearrange small objects or tiles from frame to frame. Manually placing and moving pieces is time- consuming. Making small changes means exactly reconstructing. Packing objects to fill a desired shape is a problem in computer science. Create static mosaics comprised of different tile shapes using area-based centrodial Voronoi diagram.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Related Work Simulating decorative mosaics. [Hausner A. 01] Take as input a rectangular image. Generate a mosaic composed of rectangular or oval tiles Discuss methods for tile orientation Jigsaw Image Mosaics. [Kim & Pellacini 02] Define a metric that measures the quality of a tile packing. Both the tiles and containers can be arbitrary shaped.

Related Work (a) packs a single tile shape well. (b) achieves tight packings with irregular shapes. The CAVD approach (c) handles any variety of arbitrary shapes.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Temporal Coherence and Group Motion Minimize temporal discontinuities while having primitives appear attached to underlying scene object. Even if individual primitives have temporal smoothness, uncoordinated changes among groups of NPR primitives will still yield distracting.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Construction of a Mosaic Animation A temporally coherent sequence of mosaic images over time. Given a container C (a closed polygon over time) and a collection of tile shapes T (called a packing of C). Three challenges: 1) Temporal coherence 2) Stylistic coherence 3) Performance

Construction of a Mosaic Animation 1) Temporal coherence: Tiles should move smoothly, appear attached to their underlying object Tile appearances or disappearances should be minimized 2) Stylistic coherence: Tiles are evenly distributed, tightly packed with minimal overlaps, Tiles orientations reflect the edge of the container shape

Construction of a Mosaic Animation 3) Performance: In order to support input from the animator, the first two properties should be achieved as interactively as possible Conflict between these three goals: Independently packing each frame will lead to high per- frame mosaic quality, but at the cost of distracting temporal artifacts. Very smooth, coherent tile movements may not yield pleasing individual mosaic. Performance requirements limit the amount of time that can be spent optimizing either for packing quality or temporal coherence.

Construction of a Mosaic Animation Take as input an animated scene represented as a collection of 2D containers (polygons). Pick the desired tile shapes and sizes, then pack the container s first frame. Generate the remaining frames in two step: 1) The system automatically advects the container s tile from the current frame to the next 2) The animator optionally inserts new tiles and refines the current packing to reflect container changes.

Construction of a Mosaic Animation Mosaic Packing Tile Orientation Tile Repositioning Temporally Coherent Tile Movement

Construction of a Mosaic Animation Mosaic Packing Tile Orientation Similar container shapes should lead to similar orientation fields. [KP02] preserves container edges by fitting tiles against boundaries and previously placed tiles. Reinforce container edges but do not preserve an internal orientation field. [Hau01] aligns tiles to a continuous orientation field based on feature lines. [EW03] align tiles along concentric contour lines to emphasize container shape.

Construction of a Mosaic Animation Mosaic Packing Tile Orientation Preserve the container shape boundary by aligning each tile with its closest container edge. To enable tighter packings and reduce image regularity, each tile shape may have a set of equivalent orientations.

Construction of a Mosaic Animation Mosaic Packing Tile Repositioning Use an artist-specified collection of arbitrary tile shapes to pack a container. centroidal Voronoi diagram vs. centroidal area Voronoi diagram

Construction of a Mosaic Animation Temporally Coherent Tile Movement

Construction of a Mosaic Animation Anchor-point mapping Cause insertion or deletions to happen only at the boundary. Preserve a packing s interior organization. The system automatically chooses the anchor point with the smallest displacement between two frames. The animator can choose if desired.

Construction of a Mosaic Animation Nearest-edge mapping Preserve the packing boundary instead of the interior. The interior tiles move away form the center as a container increase.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

System Details Container Specification Containers are specified as scalable vector graphics (SVG) animation. SVG is a human-readable format for describing 2D graphics shapes in XML and enables easy specification of vector graphic shapes and animations. Use a graphic SVG editor (Corel WebDraw). Translate scene elements into colored container shapes.

System Details Packing The artist choose the set of shapes and the number of tiles. The system calculate the tiles size for each shape to randomly seed in the container. Each tile is assigned its container s color. Tiles can be add manually or automatically. The artist can also add noise to tile positions and orientation for a more hand-crafted look.

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Outline Introduction Related Work Temporal Coherence and Group Motion Construction of a Mosaic Animation System Details Results Conclusion and Future Work

Result

Conclusion and Future Work Meets the three challenges of temporal coherence, per-frame mosaic quality, and performance that supports interactive input from the artist. Use area-based centroidal Voronoi diagrams to create mosaics comprised of different tile shapes. Blend in other NPR animation styles. Pack 3D volumes with 3D objects.