Difference between revisions of "Render Part A Assignment"

From CSE425S Wiki
Jump to navigation Jump to search
Line 33: Line 33:
  
 
==Equilateral Triangle==
 
==Equilateral Triangle==
{{RubyToImplement|equilateral_triangle|render/assignment|EquilateralTriangle|Object|initialize(half_side_length)<br/>render()}}
+
{{RubyToImplement|equilateral_triangle|render/assignment|EquilateralTriangle|Object|initialize(half_side_length)<br/>half_side_length<br/>half_side_length=<br/>render()}}
  
 
[[File:Equilateral Triangle Render Studio.svg]]
 
[[File:Equilateral Triangle Render Studio.svg]]

Revision as of 08:46, 4 April 2022

OpenGL

glBegin
glVertex2f
glEnd
glColor3f
glEnable
glPushMatrix
glTranslatef
glRotatef
glPopMatrix
glMap1f
glRasterPos2f
glPixelZoom
glDrawPixels
glClearColor

GLUT

glutBitmapCharacter

Code to Investigate

Cavalcade of Graphics

file to run: src/main/ruby/render/examples/cavalcade_of_graphics.rb Ruby logo.svg

Cavalcade of graphics.png

Code to Implement

Each of the renderable components has its own file in the src/main/ruby/render/assignment directory.

Equilateral Triangle

file: src/main/ruby/render/assignment/equilateral_triangle.rb Ruby logo.svg
class: EquilateralTriangle
superclass: Object
methods: '

Equilateral Triangle Render Studio.svg

wikipedia

The triangle should be equilateral, rendered with its the origin at the center of mass.

Your constructor should accept a half_side_length parameter.

The height of the triangle should be side_length * sqrt(3)/2

The center of mass is one third from the bottom.

So, the bottom left point A's x coordinate should be -half_side_length and its y coordinate should be -1/3 height.

file to run: src/main/ruby/render/assignment/equilateral_triangle.rb Ruby logo.svg

Render equilateral triangle.png

Rectangle

file: src/main/ruby/render/assignment/rectangle.rb Ruby logo.svg
class: Rectangle
superclass: Object
methods: initialize(half_width, half_height)
render()
file to run: src/main/ruby/render/assignment/rectangle.rb Ruby logo.svg

Render rectangle.png

Ellipse

file: src/main/ruby/render/assignment/ellipse.rb Ruby logo.svg
class: Ellipse
superclass: Object
methods: initialize(x_radius, y_radius)
render()

Note: to produce the reference image the code below was used:

    slice_count = 32
    delta_theta = (2*Math::PI) /slice_count
file to run: src/main/ruby/render/assignment/ellipse.rb Ruby logo.svg

Render ellipse.png

CircularSegment

file: src/main/ruby/render/assignment/circular_segment.rb Ruby logo.svg
class: CircularSegment
superclass: Object
methods: initialize(x_radius, y_radius, theta_a, theta_z)
render()

In geometry a chord is a line segment which joins two points on a curve. We will define a class Chord which renders a filled shape of an ellipse cut at the chord between theta_a and theta_z.

Chord theta a z.png

Note: to produce the reference image the code below was used:

    slice_count = 32
    delta_theta = (@theta_z-@theta_a) / slice_count

Note: a Chord with 32 slices will have 33 points.

file to run: src/main/ruby/render/assignment/circular_segment.rb Ruby logo.svg

Render chord.png

Image

file: src/main/ruby/render/assignment/image.rb Ruby logo.svg
class: Image
superclass: Object
methods: initialize(path)
render()

should draw the pixels from (0,0)

file to run: src/main/ruby/render/assignment/image.rb Ruby logo.svg

Render image.png

Text

file: src/main/ruby/render/assignment/image.rb Ruby logo.svg
class: Text
superclass: Object
methods: initialize(text, font)
render()
file to run: src/main/ruby/render/assignment/text.rb Ruby logo.svg

Render text.png

Point2

To support Bézier curves you will want to implement Point in point2.rb. You may wish to use Ruby's convenient Struct construct.

You should be able to construct a Point2 with an x and a y and be able to access those values.

Bézier Curve

file: src/main/ruby/render/assignment/bezier_curve.rb Ruby logo.svg
class: BezierCurve
superclass: Object
methods: initialize(control_points)
render()

NOTE: you need not implement the interpolation yourself. Check cavalcade_of_graphics for an example of how to draw a curve.

Quadratic (Second Order) Curve: Bézier 2 big.svg Bézier 2 big.gif
Quadratic (Third Order) Curve: Bézier 3 big.svg Bézier 3 big.gif
Fourth Order Curve: Bézier 4 big.svg Bézier 4 big.gif
file to run: src/main/ruby/render/assignment/bezier_curve.rb Ruby logo.svg

Render bezier curve.png

Testing Your Solution

Visual Comparison

file to run: src/test/ruby/render/part_a/part_a_test_snapshots_web_page_generator.rb Ruby logo.svg

Unit Test

file: src/test/ruby/render/part_a/part_a_unit_test.rb Ruby logo.svg UnitTest

note: ensure that you have removed all printing to receive credit for any assignment.