top of page

Computer Graphic I Sample Project

Requirements


Write a WebGL program that does a simple image processing task. Name your source code hw4.html and hw4.js. The program should meet the following requirements:

  • The program displays an image and lets the user adjust the hue. (Hint: you may first convert RGB color to HSV color, then adjust the hue component).

  • The image should be accessed through its URL address. Do not include an actual image file in your submission.

  • Implement dat.GUI scroll bar widget so the user can adjust hue interactively

  • Also, see the accompanying demo video. Your mission is to reproduce the program in the video.

  • The slider value should range from −180 to 180. This is because the hue is typically expressed by an angle on the color wheel, and the user-selected value represents how much the original pixel color shifts along with the color wheel in terms of degree angle. Note that since the 180-degree angle is the same as the −180 degree angle, they should result in the same outputs.


What to Submit


  • Submit all your source files (.html, .js) that are needed for compilation, including library files/folders. Missing library files/folders will lead to point deduction.

  • Make sure your library folder/files are in the right location relative to your main program (.html), such that when your main program (.html) is clicked as is, it should run without problem. Failure to do so will lead to point deduction.


Need help with Machine Learning or Project Help? At Codersarts we offer 1:1 sessions with experts, Code mentorship, Course Training, and ongoing development projects. Get help from vetted Machine Learning engineers, mentors, experts, and tutors.



bottom of page