Peihong Guo's CSCE 646 Projects

Project 02

Vector to Raster Conversion and Antialiasing

WebGL version

Sources: pr02.js shape.js image.js utils.js

Choose an image to show: Anitialiasing Interpolation Samples

C++ Source files: pr02.zip (README included)

Images


This is the image generated with user input points using mouse. Note the edge of the concave shape is also rendered in this image.


This is the image of the input 'concave'. It uses the ray-shooting method to determine if a point is inside the polygon.

1 sample

4 samples

9 samples

16 samples

25 samples

36 samples

The effect of using different number of samples for antialiasing.

This is a close up view of the lower part in the 'shaded' image to show the effect of anti-aliasing. The left one is the anti-aliased one.


This is the image of the input 'shaded'.


This is the image of the input 'blobby'.


This is the image of the input 'function'.


This is the image of the input 'star'.


This is the image of the input 'convex'.