Journal Unit 3
Bachelor of Computer Science
University of the People
CS 4406-01 Computer Graphics
Dr. Keumayou Bruno Njinga
April 29, 2025
Week’s Reflection on Shadows and Transparency in Computer Graphics
This week’s activities focused on understanding key concepts in computer graphics, particularly the use
of shadows and transparency, and their implementation through graphics APIs such as OpenGL and
WebGL. The unit involved both theoretical study and practical coding exercises, including creating
polygons with transparency and rotation effects. One of the most insightful observations I made was
how integral shadows and transparency are in enhancing the realism and depth of digital images. These
visual effects are not merely aesthetic but serve important perceptual functions, helping users interpret
spatial relationships and material properties in virtual environments (Angel & Shreiner, 2019).
I was surprised by the complexity involved in accurately rendering shadows, especially dynamic shadows
that change with light sources and object movement. The challenge lies in simulating how light interacts
with surfaces, which requires advanced algorithms such as shadow mapping or ray tracing.
Implementing transparency also presented difficulties, particularly in managing the blending of semi-
transparent layers without visual artifacts. Initially, I struggled with understanding how the alpha
channel controls pixel opacity and how to correctly configure blending functions in WebGL. However, by
revisiting the course materials and experimenting with small code snippets, I gradually overcame these
obstacles. The hands-on approach helped solidify my understanding of how transparency values affect
rendering order and visual output (WebGL Fundamentals, 2024).
Shadows and transparency are widely used in today’s software applications to enhance visual
perception and user experience. In user interface design, shadows create a sense of layering and
hierarchy, making buttons and panels appear tactile and interactive. For example, Google's Material
Design extensively uses shadows to indicate elevation and focus, guiding users’ attention intuitively
(Google, 2023). Transparency is often employed in applications to create overlays, modals, and hover
effects that allow users to maintain context while interacting with additional information. In gaming and
virtual reality, realistic shadows and transparent effects such as glass, water, or fog contribute
significantly to immersion, making scenes believable and engaging (Angel & Shreiner, 2019).
In summary, this week’s unit deepened my appreciation for the technical and perceptual roles of
shadows and transparency in computer graphics. Despite initial challenges, the learning process was
rewarding and equipped me with practical skills for implementing these effects. Understanding these
concepts is essential for creating visually compelling and user-friendly digital environments.
References
1 Angel, E., & Shreiner, D. (2019). Interactive computer graphics: A top-down approach with
WebGL (8th ed.). Pearson.
2 Google. (2023). Material design: Elevation. [Link]
3 WebGL Fundamentals. (2024). Transparency and
blending. [Link]