Pierre Dragicevic
Stéphane Huot
Fanny Chevalier
ABSTRACT
We present a quick preview technique that smoothly transitions between document markup code and its visual rendering. This technique allows users to regularly check the code they are editing in-place, without leaving the text editor. This method can complement classical preview windows by offering rapid overviews of code-to-document mappings and leaving more screen real-estate. We discuss the design and implementation of our technique.
Supplemental Material
- Adobe. Designing multiple master typefaces, 1995. http://partners.adobe.com/public/developer/en/font/5091.Design_MM_Fo%nts.pdf.Google Scholar
- M. Alexa, D. Cohen-or, and D. Levin. As-rigid-as-possible shape interpolation. In Annual Conference on Computer Graphics, 157--164, 2000. Google ScholarDigital Library
- M. Beaudouin-Lafon. Instrumental interaction: an interaction model for designing post-wimp user interfaces. In Proc. CHI '00, 446--453. ACM. Google ScholarDigital Library
- S. bin Ali. 20 fantastic full screen text editor for distraction free writing, 2009. http://www.techmalaya.com/2009/02/07/full-screen-text-editor-blogger%/.Google Scholar
- K. Brooks. Lilac: a two-view document editor. Computer, 24(6):7 --19, jun 1991. Google ScholarDigital Library
- B.-W. Chang, J. D. Mackinlay, P. T. Zellweger, and T. Igarashi. A negotiation architecture for fluid documents. In Proc. UIST '98, 123--132. ACM. Google ScholarDigital Library
- B.-W. Chang and D. Ungar. Animation: from cartoons to the user interface. In Proc. UIST '93, 45--55. ACM. Google ScholarDigital Library
- F. Chevalier, P. Dragicevic, A. Bezerianos, and J.-D. Fekete. Using text animated transitions to support navigation in document histories. In Proc. CHI '10, 683--692. ACM. Google ScholarDigital Library
- J. H. Coombs, A. H. Renear, and S. J. DeRose. Markup systems and the future of scholarly text processing. Commun. ACM, 30:933--947, Nov. 1987. Google ScholarDigital Library
- P. Dragicevic, A. Bezerianos, W. Javed, N. Elmqvist, and J.-D. Fekete. Temporal distortion for animated transitions. In Proc. CHI '11, 2009--2018. ACM. Google ScholarDigital Library
- J.-D. Fekete, D. Wang, N. Dang, and C. Plaisant. Overlaying graph links on treemaps. In Proc. Infovis '03 (demo), 2003.Google Scholar
- D. Kastrup. Revisiting WYSIWYG paradigms for authoring latex, 2002. http://www.tug.org/TUGboat/tb23--1/kastrup.pdf.Google Scholar
- J. Laurens. Direct and reverse synchronization with synctex. TUGboat, 29(3), 2008.Google Scholar
- J. C. Lee, J. Forlizzi, and S. E. Hudson. The kinetic typography engine: an extensible system for animating expressive text. In Proc. UIST '02, 81--90. ACM. Google ScholarDigital Library
- E. Myers. An $o(nd)$ difference algorithm and its variations. Algorithmica, 1(2):251--266, 1986.Google ScholarCross Ref
- G. G. Robertson, J. D. Mackinlay, and S. K. Card. Cone trees: animated 3d visualizations of hierarchical information. In Proc. CHI '91, 189--194. ACM. Google ScholarDigital Library
- J. van der Hoeven. Gnu texmacs: A free, structured, wysiwyg and technical text editor. In Actes du Congres GUTenberg, volume 39--40, 39--50, 2001.Google Scholar
Index Terms
- Gliimpse: Animating from markup code to rendered documents and vice versa
Recommendations
An art-directed wrinkle system for CG character clothing and skin
We present a kinematic system for creating art-directed clothing and skin wrinkles on CG characters used in the production of computer-animated feature films. This system employs a curve-based method for generating wrinkles on reference poses, which are ...
Animated feather coats using field lines
AFRIGRAPH '07: Proceedings of the 5th international conference on Computer graphics, virtual reality, visualisation and interaction in AfricaThe tedious task of manually placing feathers on computer animated objects involves aligning feathers, ensuring that they do not insect each other or penetrate the surface, deforming every feather to match the local surface features, and ensuring that ...
Rigging the Rigging: An Animation Friendly Rope System for The Sea Beast
DigiPro '22: The Digital Production SymposiumThis talk presents an animation friendly, procedural solution for animating ropes in the movie The Sea Beast. With over 5000 ropes on our hero tall ship, we embarked on development of a better rope solution for our animators. The resulting rope rig ...
Comments