Giter Club home page Giter Club logo

comp4411p1's Introduction

COMP4411P1 Impressionist

TODOs:

Basics:

  • Implement 5 different brush types:

    • single line
    • (filled) circles
    • scattered points
    • scattered lines
    • scattered (filled) circles
    • Note that scattered brushes should sample from each location they color individually, not just use a single color for each splotch.
  • Add sliders to control various brush attributes. You need to include sliders for the line thickness and brush angle, in addition to the existing brush size slider.

  • Add the ability to control the brush direction. The stroke direction should be controlled four different ways:

    • using a slider value
    • using the right mouse button to drag out a direction line
    • using the direction of the cursor movement
    • using directions that are perpendicular to the gradient of the image.
    • You can use a radio box to allow the user to select which method to use.
  • Allow the user to change the opacity (alpha value) of the brush stroke. An alpha value slider should be added to the controls window.

Bonuses:

  • ๐ŸŽถ To give your paintings more variety, add some additional brush types to the program. These brush strokes should be substantially different from those you are required to implement. You will get one whistle for each new brush (within reason).

    • ๐ŸŽถ The skeleton program allows the user to paint outside the boundary of the paint rectangle, then erases this region when the stroke is completed. Change this to clip brush strokes to the region as they're being painted.

      • ๐ŸŽถ When using your program, you currently can't see what part of the original image you're painting. Extend the program so that when the cursor is in the painting window, a marker appears on the original image showing where you're painting.

        • ๐ŸŽถ Sometimes it is useful to use the contents of the painting window as the original image. Add a control to swap the contents of the painting window and the contents of the original image window.

          • ๐Ÿ”” Add controls that allow you to manipulate the color of the image. For example, you could implement independent scaling of the red, green, and blue channels.

            • ๐Ÿ”” Design a brush that selectively applies one or more filters such as blurring and sharpening.

              • ๐Ÿ”” Add an undo feature with at least one level of undo so that you can try a brush and decide to undo its effect on the canvas. This comes in very handy for experimenting with brush and filtering effects.

                • ๐Ÿ”” Add the ability to dissolve one image into another.
  • ๐Ÿ””๐ŸŽถ A different solution to the problem of not being able to see where you're painting is to show a dimmed version of the painting on the canvas. Add a slider that allows the user to fade in or fade out the original image beneath the user's brush strokes on the canvas. (Beware, this bell and whistle is more difficult than it looks).

  • ๐Ÿ””๐ŸŽถ Add a "mural" effect to your Impressionist by implementing the ability to load in different images while preserving what has been drawn on the canvas. Add a "New Mural Image" or "Change Mural Image" to the controls window that allows the user to change images. The user may then load an image, draw in what he / she prefers on the canvas, and then load a different image and continue drawing on the canvas; thus, a "mural" effect.

  • ๐Ÿ””๐ŸŽถ To make your painting more interesting, add "alpha-mapped" brush strokes. In other words, allow the user to load a bitmap representing a brush stroke. This bitmap would contain an alpha value at each position. Then when this brush is used to draw, a single color would be selected from the image, all pixels in the brush bitmap would be set to this RGB color (without changing the alpha value), and this partially transparent bitmap would be painted on the canvas. A new color would be used each time the brush is drawn.

  • ๐Ÿ””๐ŸŽถ It can be time-consuming to paint an image manually. Add a feature so that a whole painting can be created automatically. The user should only have to specify a brush type, size, and angle to use. Then the program should automatically paint brush strokes over the entire image, using a randomized brush order and varying the brush attributes slightly as it goes (to increase realism).

  • ๐Ÿ””๐ŸŽถ At times, you may want the brush strokes to follow the gradient of a different image than the base image. Add a button(s) that will cause the direction of brush strokes to be automatically determined from a user specified image.

    • ๐Ÿ””๐ŸŽถ The "accuracy" of the painting can be also be improved by clipping long brush strokes to edges in the image. Allow the user to load a black-and-white image that represents the edges in the picture. Then add a checkbox so that the user can turn on edge-clipping, which will automatically clip brush strokes at edges in the image.
  • ๐Ÿ””๐Ÿ”” Construct a filter kernel design interface so that you can enter the weights of filters of arbitrary sizes. Provide an "apply" button that will cause the convolution to happen. Include a "normalize" checkbox that will automatically divide by the sum of the weights when the user wishes it.

    • ๐Ÿ””๐Ÿ”” Use the image processing techniques described in class to automatically find the edges in the base image. Once you have found the edges, add a button to the user interface that will allow the user to select whether or not the brush strokes should be clipped to the edges in the picture.
  • ๐Ÿ””๐Ÿ”” Implement a multiresolution automatic painting technique. See Painterly Styles for Expressive Rendering.

    • ๐Ÿ””๐Ÿ”” Design a brush that can be used to stretch and pull the image as if it were rubber. See Warp George Bush.

      • ๐Ÿ””๐Ÿ”” Implement a curved brush that follows the image gradient. See Painterly Styles for Expressive Rendering.

        • ๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ”” Given a source image, construct a new image that is really a mosaic of small (thumbnail) images. To do this, you need to partition the original into tiles and find new thumbnails that are reasonable matches to the tiles. Then draw the new image by substituting the thumbnails for the tiles. See, for example, Adam Finkelsteins Web Gothic. Credit will vary depending on the success of your method.
  • ๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ”” Extend the Impressionist program to work with video. The user should be able to load a series of images from a video and set up some initial parameters, and the program should automatically generate an impressionistic version of the video. The video should exhibit temporal coherency.

  • ๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ””๐Ÿ”” Implement Bayesian matting.

comp4411p1's People

Contributors

camerash avatar rogersf avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.