Treffer: Web Applications for Teaching Introductory Computer Graphics.

The set of core topics in an introductory computer graphics course seems to remain stable within the last three decades. But the approaches in teaching them have evolved. The old approach where students are required to implement low-level (raster-level) programming tasks before building a "real" graphics program has evolved into a newer approach where students use standard library to display 3D objects. The advent of newer graphics hardware (GPUs) with programmable hardware has changed the direction of how graphics libraries are implemented. As fixed-function graphics pipeline is deprecated, introductory level computer graphics classes must also include shader programming as one of the topics. Like many other technical subjects, teaching computer graphics faces several difficulties and challenges. To mitigate these challenges, computer graphics educators incorporate teaching tools into their classroom. This article describe several teaching tools designed to enhance students learning in transformations, lighting, shading, and parametric curves. The featured web tools were built using WebGL and modern JavaScript frameworks (ThreeJS, React, VueJS) used by many web developers today. [ABSTRACT FROM AUTHOR]

Copyright of Annual International Conference on Computer Science Education: Innovation & Technology is the property of Global Science & Technology Forum and its content may not be copied or emailed to multiple sites without the copyright holder's express written permission. Additionally, content may not be used with any artificial intelligence tools or machine learning technologies. However, users may print, download, or email articles for individual use. This abstract may be abridged. No warranty is given about the accuracy of the copy. Users should refer to the original published version of the material for the full abstract. (Copyright applies to all Abstracts.)