Engaging students for the learning and assessment of the advanced computer graphics module using the latest technologies

The advanced computer graphics has been one of the most basic and landmark modules in the field of computer science. It usually covers such topics as core mathematics, lighting and shading, texture mapping, colour and depth, and advanced modeling. All such topics involve mathematics for object modeling and transformation, and programming for object visualization and interaction. While some students are not as good in either mathematics or programming, it is usually a challenge to teach computer graphics to these students effectively. This is because it is difficult for students to link mathematics and programming with what they used to see in video games and the TV advertisements for example and thus they can easily be put off. In this paper, we investigate how the latest technologies can help alleviate the teaching and learning tasks. Instead of selecting the low level programming languages for demonstration and assignment such as Java, Java 3D, C++, or OpenGL, we selected Three.js, which is one of the latest and freely accessible 3D graphics libraries. It has a unique advantage that it provides a seamless interface between the main stream web browsers and 2D/3D graphics. The developed code can be run on a web browser such as Firefox, Chrome, or Safari for testing, debugging and visualization without code changing. The unique design patterns and objectives of Three.js can be very attractive to third party software houses to develop auxiliary functions, methods and tutorials and to make them freely available for the public. Such a unique property of Three.js and its widely available supporting resources are especially helpful to engage students, inspire their learning and facilitate teaching. To evaluate the effectiveness for using Three.js in teaching computer graphics we have set up an assignment for scene modeling in the last 4 years with focuses on the quality of the simulated scene (50%) and the quality of the assignment report (50%). We have evaluated different assessment forms of the module that we taught in the last four years: in 2013-2014 the module consisted of 20% assignment and 80% exam based on Java 3D; in 2014-2015 the same proportion of assignment/exam but based on WebGL, in 2015-2016 the module was 50-50% of assignment and exam but based on Three.js; and in this year the module is 100% assignment based on Three.js. The effectiveness of the module delivery has been evaluated both qualitatively and quantitatively from five aspects: a) average marks of students, b) moderator report, c) module evaluation questionnaire, d) external examiner’s comments and e) examination board recommendations. The results have shown that Three.js is indeed more successful in engaging students for learning and the 100% assignment assessment enables students to focus more on the design and development. This four year result is really encouraging to us as an educational institute to embrace the latest technologies for the delivery of such challenging modules as computer graphics and machine learning.