Difference between revisions of "Render Part A Assignment"

From CSE425S Wiki
Jump to navigation Jump to search
Line 36: Line 36:
 
[[File:Render_equilateral_triangle.png]]
 
[[File:Render_equilateral_triangle.png]]
  
NOTE: you may choose to render it from center of mass or center of bounds.
+
[https://en.wikipedia.org/wiki/Equilateral_triangle wikipedia]
  
It should be equilateral, however.
+
The triangle should be equilateral, with the origin at the center of mass. [[File:Equilateral-triangle-heights.svg|thumb|Equilateral-triangle-heights]]
  
 
===Rectangle===
 
===Rectangle===

Revision as of 06:52, 15 July 2019

OpenGL

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


GLUT

glutBitmapCharacter

Code to Investigate

Cavalcade of Graphics

ruby/examples/cavalcade_of_graphics.rb

Code to Implement

Components

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

Equilateral Triangle

Render equilateral triangle.png

wikipedia

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

Equilateral-triangle-heights

Rectangle

Render rectangle.png

Ellipse

Render ellipse.png

Chord

Render chord.png

Image

Render image.png

Text

Render text.png

Bézier Curve

Point2

To support Bézier curves you will want to implement the 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.

Component

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

Render bezier curve.png

Containers

Home

Render home.png

Heart

Render heart.png

Testing Your Solution

Visual Comparison

ruby/render/part_a_test/part_a_test_snapshots_web_page_generator.rb