A practical framework for constructing structured drawings

Cheema, Salman; Buchanan, Sarah; Gulwani, Sumit; LaViola, Joseph J.

doi:10.1145/2557500.2557522

Cited by 6 publications

(7 citation statements)

References 20 publications

(9 reference statements)

Supporting

Mentioning

Contrasting

Order By: Relevance

“…The problem of beautifying user drawings has been long-studied in the graphics community and has recently been approached with programming-by-example techniques [9,10,19]. These approaches synthesize artifacts in domain-specific representations and languages.…”

Section: Related Workmentioning

confidence: 99%

See 1 more Smart Citation

Programmatic and direct manipulation, together at last

et al. 2016

View full text Add to dashboard Cite

Direct manipulation interfaces and programmatic systems have distinct and complementary strengths. The former provide intuitive, immediate visual feedback and enable rapid prototyping, whereas the latter enable complex, reusable abstractions. Unfortunately, existing systems typically force users into just one of these two interaction modes.We present a system called SKETCH-N-SKETCH that integrates programmatic and direct manipulation for the particular domain of Scalable Vector Graphics (SVG). In SKETCH-N-SKETCH, the user writes a program to generate an output SVG canvas. Then the user may directly manipulate the canvas while the system immediately infers a program update in order to match the changes to the output, a workflow we call live synchronization. To achieve this, we propose (i) a technique called trace-based program synthesis that takes program execution history into account in order to constrain the search space and (ii) heuristics for dealing with ambiguities. Based on our experience with examples spanning 2,000 lines of code and from the results of a preliminary user study, we believe that SKETCH-N-SKETCH provides a novel workflow that can augment traditional programming systems. Our approach may serve as the basis for live synchronization in other application domains, as well as a starting point for yet more ambitious ways of combining programmatic and direct manipulation.

show abstract

Section: Related Workmentioning

confidence: 99%

“…• Interaction B worked a little better (10) • Interaction B worked much better (7) The next two questions ask you to consider how each interaction would compare to just making all edits in the code manually.…”

Section: Background Questionsmentioning

confidence: 99%

Programmatic and direct manipulation, together at last

et al. 2016

View full text Add to dashboard Cite

show abstract

“…Synthesis for Vector Graphics. The problem of beautifying user drawings has been long-studied in the graphics community and has recently been approached with programming-by-example techniques [9,10,19]. These approaches synthesize artifacts in domain-specific representations and languages.…”

Section: Related Workmentioning

confidence: 99%

“…• Interaction A worked a little better (11) • Interaction A worked much better (10) For the Ferris Wheel task, how good was interaction B?…”

Section: Side By Side Comparison: Ferris Wheelmentioning

confidence: 99%

Programmatic and direct manipulation, together at last

Chugh

Hempel

Spradlin

et al. 2016

Proceedings of the 37th ACM SIGPLAN Conference on Programming Language Design and Implementation

View full text Add to dashboard Cite

Direct manipulation interfaces and programmatic systems have distinct and complementary strengths. The former provide intuitive, immediate visual feedback and enable rapid prototyping, whereas the latter enable complex, reusable abstractions. Unfortunately, existing systems typically force users into just one of these two interaction modes. We present a system called SKETCH-N-SKETCH that integrates programmatic and direct manipulation for the particular domain of Scalable Vector Graphics (SVG). In SKETCH-N-SKETCH, the user writes a program to generate an output SVG canvas. Then the user may directly manipulate the canvas while the system immediately infers a program update in order to match the changes to the output, a workflow we call live synchronization. To achieve this, we propose (i) a technique called trace-based program synthesis that takes program execution history into account in order to constrain the search space and (ii) heuristics for dealing with ambiguities. Based on our experience with examples spanning 2,000 lines of code and from the results of a preliminary user study, we believe that SKETCH-N-SKETCH provides a novel workflow that can augment traditional programming systems. Our approach may serve as the basis for live synchronization in other application domains, as well as a starting point for yet more ambitious ways of combining programmatic and direct manipulation.

show abstract

“…To help ameliorate such tedious process, many systems have been designed to automate the creation of repetitive drawings via data driven computation. One prime example is detailed textures or patterns [Lukáč et al 2013;Lu et al 2013;Lu et al 2014;Cheema et al 2014] whose creation can fit well with the traditional copy-and-paste interface scenario. Kazi et al [2012; provide friendly gestures to help create both static and dynamic elements.…”

Section: Previous Workmentioning

confidence: 99%

Autocomplete painting repetitions

Xing¹,

Chen

Wei³

2014

ACM Trans. Graph.

View full text Add to dashboard Cite

The final outcome is shown in (c). Our system works for both individual strokes (e.g. the detailed hatches) and structured elements (e.g. the windows). Due to the spatial and temporal variations, these sketches are very difficult, if not impossible, to be generated via prior sequential clone systems. AbstractPainting is a major form of content creation, offering unlimited control and freedom of expression. However, it can involve tedious manual repetitions, such as stippling large regions or hatching complex contours. Thus, a central goal in digital painting research is to automate tedious repetitions while allowing user control. Existing methods impose a sequential order, in which a small exemplar is prepared and then cloned through additional gestures. Such sequential mode may break the continuous, spontaneous flow of painting. Moreover, it is more suitable for homogeneous areas than nuanced variations common in real paintings.We present an interactive digital painting system that autocompletes tedious repetitions while preserving nuanced variations and maintaining natural flows. Specifically, users paint as usual, while our system records and analyzes their workflows. When potential repetition is detected, our system predicts what the user might want to draw and offers auto-completes that adjust to the existing shape-color context. Our method eliminates the need for sequential creation-cloning and better adapts to the local painting contexts. Furthermore, users can choose to accept, ignore, or modify those predictions and thus maintain full control. Our method can be considered as the painting analogy of auto-completes in common typing and IDE systems. We demonstrate the quality and usability of our system through painting results and a pilot user study.

show abstract

A practical framework for constructing structured drawings

Cited by 6 publications

References 20 publications

Programmatic and direct manipulation, together at last

Programmatic and direct manipulation, together at last

Programmatic and direct manipulation, together at last

Autocomplete painting repetitions

Contact Info

Product

Resources

About