{"id":215,"date":"2017-01-25T17:45:05","date_gmt":"2017-01-25T17:45:05","guid":{"rendered":"https:\/\/tcmxx.wordpress.com\/?p=215"},"modified":"2017-01-25T17:45:05","modified_gmt":"2017-01-25T17:45:05","slug":"computer-graphics-assignments","status":"publish","type":"post","link":"https:\/\/www.tcmxx.com\/en\/archives\/215","title":{"rendered":"Computer Graphics Assignments"},"content":{"rendered":"<p>In 2016 I took the Aalto University Computer Graphics course, and obtained the best score of the whole \u00a0class for the assignments.<\/p>\n<p>One course, one of the reason for my dedication is the GPU reward hahaha~ But I truly found graphic programming is interesting just as making games(and it is about making games!).<\/p>\n<p>Here are some description and screenshots of what I&#8217;ve done in those assignments.<\/p>\n<h3><strong>Assignment 1:<\/strong><\/h3>\n<p>Assignment 1 is about some basic knowledge of computer graphics such as transforms, camera and basic shaders. I did most of the extra credits for camera\/object transforms and simple vertex shader.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-221\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment1.gif\" alt=\"assignment1\" width=\"988\" height=\"794\" \/><\/p>\n<h3>Assignment 2:<\/h3>\n<p>This assignment is about Curves, Subdivision of models, and surface.<\/p>\n<p>Curves:<\/p>\n<p>I added mouse editor\/save and load\u00a0for the curves for extra credits:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-224\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment2-curves.gif\" alt=\"assignment2 Curves.gif\" width=\"1025\" height=\"826\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Subdivision:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-225\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment2subdivision.gif\" alt=\"assignment2Subdivision.gif\" width=\"1245\" height=\"808\" \/><\/p>\n<p>Generalized Cylinder and Revolution of curve<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-226\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment2cylinderand-rev.gif\" alt=\"assignment2cylinderand-rev\" width=\"1259\" height=\"820\" \/><\/p>\n<h3>Assignment 3:<\/h3>\n<p>This assignment is about\u00a0Hierarchical, Skeleton and Skinning.<\/p>\n<p>The skinning uses SSD on GPU shader and\u00a0Dual Quaternion \u00a0on CPU. I also added IK and mouse control for the movement of the character. Finally I integrated Kinect with our hierarchical model.<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-228\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment3.gif\" alt=\"assignment3.gif\" width=\"992\" height=\"795\" \/><\/p>\n<h3>Assignment 4:<\/h3>\n<p>This assignment is about physics simulation using different solvers.<\/p>\n<p>I added cloth tear down simulation,some more advanced solvers and others for extra credits.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-230\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment4.gif\" alt=\"assignment4.gif\" width=\"941\" height=\"823\" \/><\/p>\n<h3>Assignment 5:<\/h3>\n<p>Assignment 5 is abouot Raytracing.<\/p>\n<p>I added simple refraction, fog,blobby modeling, CSG, Fresnel term, transparency, soft shadow and perlin noise for extra credits.<\/p>\n<div id='gallery-1' class='czr-gallery row flex-row czr-gallery-style gallery galleryid-215 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/r8_reflective_sphere_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/r8_reflective_sphere_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/r8_reflective_sphere_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/r8_reflective_sphere_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/r8_reflective_sphere_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/r8_reflective_sphere_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_glass_sphere_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_glass_sphere_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_glass_sphere_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_glass_sphere_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_glass_sphere_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_glass_sphere_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-2-1_glass_sphere_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-2-1_glass_sphere_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-2-1_glass_sphere_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-2-1_glass_sphere_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-2-1_glass_sphere_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-2-1_glass_sphere_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-1-2_fog2_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-1-2_fog2_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-1-2_fog2_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-1-2_fog2_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-1-2_fog2_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-1-2_fog2_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-6-1_arealight_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-6-1_arealight_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-6-1_arealight_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-6-1_arealight_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-6-1_arealight_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-6-1_arealight_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-4-3_blinnblobsy_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-3_blinnblobsy_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-3_blinnblobsy_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-3_blinnblobsy_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-3_blinnblobsy_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-3_blinnblobsy_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-4-1_csg_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-1_csg_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-1_csg_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-1_csg_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-1_csg_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-4-1_csg_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure><figure class='gallery-item col col-auto'>\r\n                        <div class='gallery-icon landscape czr-gallery-icon'>\r\n                              <a href=https:\/\/www.tcmxx.com\/en\/archives\/215\/extra_4-5-3_perlin_noise_rgb class=\"bg-link\"><\/a><img width=\"150\" height=\"150\" src=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-5-3_perlin_noise_rgb-1-150x150.png\" class=\"attachment-thumbnail size-thumbnail no-lazy\" alt=\"\" decoding=\"async\" loading=\"lazy\" sizes=\"(min-width: 1200px) 255px, (min-width: 992px) 210px, (min-width: 576px) 150px, calc( 50vw - 30px )\" srcset=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-5-3_perlin_noise_rgb-1-150x150.png 150w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-5-3_perlin_noise_rgb-1-88x88.png 88w, https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-5-3_perlin_noise_rgb-1.png 200w\" \/><div class=\"post-action btn btn-skin-dark-shaded inverted\"><a href=\"https:\/\/www.tcmxx.com\/wp-content\/uploads\/2017\/01\/extra_4-5-3_perlin_noise_rgb-1.png\" class=\"icn-expand\" data-lb-type=\"grouped-gallery\"><\/a><\/div>\r\n                        <\/div><\/figure>\r\n                  <\/div>\n\n<h3>Assignment 6:<\/h3>\n<p>This assignment is about real time shading using shaders.<\/p>\n<p>Besides the regular Blinn-Phong shading, I also added point light, subsurface scattering, shadow maps, tangent space normal mapping and GGX micro surface model and so on for extra credits.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-241\" src=\"https:\/\/tcmxx.files.wordpress.com\/2017\/01\/assignment-6_1.gif\" alt=\"assignment 6_1.gif\" width=\"1059\" height=\"812\" \/><\/p>\n<p>Hopefully in the advanced computer graphics course I will be able to complete the assignments even better.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In 2016 I took the Aalto University Computer Graphics course, and obtained the best score of the whole \u00a0class for the assignments. One course, one of the reason for my dedication is the GPU reward hahaha~ But I truly found graphic programming is interesting just as making games(and it is about making games!). Here are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,6,9],"tags":[],"_links":{"self":[{"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/posts\/215"}],"collection":[{"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":0,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tcmxx.com\/en\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}