Topic outline

  • General

  • Welcome To Computer Graphics Lab

    Hello my dear Students!!! Welcome to Computer Graphics Course. As we all may have know Computer Graphics is the major field of Computer Science & Engineering, which is the order of originating images with the computer. It's a core technology in digital photography, video games, film, cellphone & computer displays as well as many specialized applications. I will try my best to help you master this course and at the same time will help you to become a good person in life. We will all share our thoughts in the class. I hope I will also be able to learn something new from you. I will request your co-operation and support for the smooth conduction of classes and knowledge sharing.

    See you soon. Stay healthy and safe.

    Syeda Tanjila Atik

    Lecturer, Dept. of CSE
    Daffodil International University
    Email: syeda.cse@diu.edu.bd
    Phone: +8801988284658


    Instructor : Syeda Tanjila Atik
    Designation: Lecturer
    Email: syeda.cse@diu.edu.bd
    Office: Room:511, Level 5, CSE Building Daffodil tower Extension

    Course Rationale

    Computer Graphics and Design - Foundation Level 2 provides applied learning opportunities for learners with an interest in computer graphics who are looking to foster a career within design-based industries and/or wish to prepare for further study in Computer Graphics and Design Level 3.

    Course Objective

    It allows learners to develop a practically based understanding of form and functional design contexts using computer graphics and associated digital technologies. Computer Graphics and Design - Foundation Level 2 engages learners in solving design challenges and presenting their ideas or solutions as digital graphic solutions. Design projects allow learners: to demonstrate their skills and understandings of design principles and processes; to understand problems; propose possibilities; and to develop creative solutions.

    Course Outcomes (CO’s)

    CO1

    Able to demonstrate effective OpenGL programs to solve graphics programming issues including different shapes.

    CO2

    Able to implement Line Drawing Algorithm using DDA and Bresenham’s Algorithm.

    CO3

    Able to implement Circle Drawing Algorithm using Mid Point Algorithm.

    CO4

    Able to implement 2D and 3D transformation

    CO5

    Able to implement colour modelling, shading and animation.

    Grading Scheme

    Attendance: 10%
    Lab Performance: 25%
    project: 25%
    Final Exam: 40%

    Grading System


    • Text Book File

      Text Book for Class Discussion:  OpenGL® Programming Guide, Seventh Edition Dave Shreiner The Khronos OpenGL ARB Working Group

    • Course Outline File

       Course Outline based on OBE

  • Week 1: Introduction

    Topics for discussion

    Fundamental knowledge about OpenGl, installation and working with some basic built in functions.

    Expected Learning Outcome:

    • Able to demonstrate effective OpenGL programs to solve graphics programming issues including different shapes.
    • Able to use OpenGL with CodeBlocks and  to implement computer graphics course using OpenGL.

    Expected Skills:

    a.  Gathering knowledge about OpenGL
    b.   Clear idea about OpenGL for answering OpenGL related questions.

    Tools Required:

    •  CodeBlocks
    •  OpenGL and GLUT using CodeBlocks.


    • OpenGL Header Files URL
      Dear Learners,
      If you already have codeblocks installed  then no need to download it again. Just download the File in the glut folder and set up by following the guideline attached in the DOC file. Also following this video for more clear Understanding.
       
       

    • OpenGL Basics File

      Reference Material

    • Lecture Video

    • Task1: Introduction to vertex and polygon Assignment

      Dear Learners, 

      It's time to show your spark.

      Follow the attached picture and draw it by using openGL. You are allowed to add more additional things if needed.

      Submission GiuideLine:

      • Submit .txt file of your code
      • Snapshot of the output

      N.B. Do not submit .ZIP or.RAR file.

  • Week 2: Explore with different output Primitives

    Topics for discussion

    Fundamental knowledge about OpenGl: Built in Function details description, Working with different object shapes by changing colors.

    Expected Learning Outcome:

    • Able to demonstrate effective OpenGL programs to solve graphics programming issues including different shapes.
    • Able to appreciate the knowledge along axis (X,Y).  

    Expected Skills:

    a.  knowledge about C/C++ programming
    b.   Clear idea about OpenGL 

    Tools Required:

    •  CodeBlocks
    •  OpenGL and GLUT using CodeBlocks.

  • Week 3: Drawing Triangle, rectangle and polygons

    • Meet Recored class link :section -O3 (28/06/2020) URL
      Restricted Not available unless: You belong to Section O-3
    • Exercise -1(updated) Drawing a given primitive using Functions in openGL covered till now Assignment
      Restricted Not available unless: You belong to Section O-3

      Dear students,

       I am attaching the object you have to draw here. 

      Please strictly follow the rules while submitting your assignment. 

      1. In a doc file you have to give the picture of the graph you have used to draw the primitive, then copy and paste your code in the doc file,

      2. finally give a screenshot of the output. In the output window of openGL your ID must be written at the top (I told in you class how you can write anything as the title of your output window).

       3.  Then submit the doc file only. Do not send any zip file, then you will be disqualified. 

       4. Do not dare to copy from anyone. I will check every student's code for similarity of points used and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero. 

       5. Time in 24 Hours to finish the task and submit the doc file. 

      6. Anyone having problems with laptop and internet connection can submit it later with my prior approval. But try to submit it as soon as possible. 

      !!utilize your full time efficiently. Good luck!!



    • assignment-1 (For section O-2)

      Draw a triangle or any other object by using openGL line function.

      Submission guideline:

       In a doc file copy and paste your code then add the screenshot of the output and submit here.

      Do it within 3:30PM today (29/6/2020)

    • Assignment -2 on Polygonal shape (for section O2)

      Dear students,

       I am attaching the object you have to draw here. 

      Please strictly follow the rules while submitting your assignment. 

      1. In a doc file you have to give the picture of the graph you have used to draw the primitive, then copy and paste your code in the doc file,

      2. finally give a screenshot of the output. In the output window of openGL your ID must be written at the top (I told in you class how you can write anything as the title of your output window).

       3.  Then submit the doc file only. Do not send any zip file, then you will be disqualified. 

       4. Do not dare to copy from anyone. I will check every student's code for similarity of points used and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero. 

       5. Time is till 10PM 02/07/2020 to finish the task and submit the doc file. 

      6. Anyone having problems with laptop and internet connection can submit it later with my prior approval. But try to submit it as soon as possible. 

      !!utilize your full time efficiently. Good luck!!



  • Topic

    • Week 4 : DDA and Bresenham Line algorithm implementation

      Topics for discussion

      Line Drawing Algorithm Implementation: Digital Differential Analyzer(forward), Bresenham 

      Expected Learning Outcome:

      • Students will be able to implement DDA algorithm (forward) and Bresenham Algorithm.
      • Students will be able to draw a line using two endpoints with DDA & Bresenham algorithm. 

      Expected Skills:

      a.  knowledge about C/C++ programming
      b.  Clear idea about OpenGL 

      Tools Required:

      •  CodeBlocks
      •  OpenGL and GLUT using CodeBlocks.

      • Lecture Video 

      • Task3: Algorithm Implementation Assignment

        Write a program to draw a line with endpoints (120. 70) by using DDA algorithm.

        Write a program to draw a line with endpoints (80, 320) and (200, 30) by using Bresenham.


        Submission Guide Line:

        • Submit .txt file of your code
        • Snapshot of the output

        N.B. Do not submit .ZIP or .RAR file


      • Assignment -1 on polygonal objects (Section :09)
        Restricted Not available unless: You belong to Section O-9

        Dear students,

         I am attaching the object you have to draw here. 

        Please strictly follow the rules while submitting your assignment. 

        1. In a doc file you have to give the picture of the graph you have used to draw the primitive, then copy and paste your code in the doc file,

        2. finally give a screenshot of the output. In the output window of openGL your ID must be written at the top (I told in you class how you can write anything as the title of your output window).

         3.  Then submit the doc file only. Do not send any zip file, then you will be disqualified. 

         4. Do not dare to copy from anyone. I will check every student's code for similarity of points used and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero. 

         5. Time is till 5th July 6PM to finish the task and submit the doc file. 

        6. Anyone having problems with laptop and internet connection can submit it later with my prior approval. But try to submit it as soon as possible. 

        !!utilize your full time efficiently. Good luck!!


    • This topic

      Week 5: Circle Algorithm Implementation

      Topics for discussion

      Circle Drawing Algorithm Implementation: Midpoint

      Expected Learning Outcome:

      •   Students will be able to implement circle algorithm.
      •   Students will be able to draw a circle with center visualization.

      Expected Skills:

      a.  knowledge about C/C++ programming
      b.  Clear idea about OpenGL 

      Tools Required:

      •  CodeBlocks
      •  OpenGL and GLUT using CodeBlocks.

      Submission Guide Line:

      • Submit .txt file of your code
      • Snapshot of the output

      N.B. Do not submit .ZIP or .RAR file


    • Week 6: Circle Algorithm Implementation with push & pop Matrix

      Topics for discussion

      Circle Drawing Algorithm Implementation with matrix : Midpoint

      Expected Learning Outcome:

      •   Students will be able to implement circle algorithm with different transformation.
      •   Students will be able to draw a circle with center visualization.

      Expected Skills:

      a.  knowledge about C/C++ programming
      b.  Clear idea about OpenGL 
      c.   Clear about Matrix

      Tools Required:

      •  CodeBlocks
      •  OpenGL and GLUT using CodeBlocks.


    • Week 7: Midterm Examination of Theory Course


      • Week 8: Evaluation on Polygonal Shape objects

        • LAB EVALUATION 01 Section-09 Assignment
          Restricted Not available unless: You belong to Section O-9

          Your task is: "Design a birthday Greeting card using all the polygonal shapes you can imagine"

          Marks: 25 

          Strictly following the instructions below:

           1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output. 

          2.In the output window of openGL your ID must be written at the top 

          3. Rename the user-defined function in your code as your name. 

          4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please submit the same file in the google classroom also as a backup copy.

          5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

          6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible. 

           7. Deadline: 17th july 5 PM. The timing can not be extended. utilize your full time efficiently.

           Good luck!!

        • LAB EVALUATION 01 (section O3) Assignment
          Restricted Not available unless: You belong to Section O-3

          Your task is: "Design a birthday Greeting card using all the polygonal shapes you can imagine"

          Marks: 25 

          Strictly following the instructions below:

           1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output. 

          2.In the output window of openGL your ID must be written at the top 

          3. Rename the user-defined function in your code as your name. 

          4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please submit the same file in the google classroom also as a backup copy.

          5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

          6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible. 

           7. Deadline: 21th july 5 PM. The timing can not be extended. utilize your full time efficiently.

           Good luck!!

        • Meet Recorded class link (15/07/2020)

          Restricted Not available unless: You belong to Section O-9

        • Meet Recorded Class link Section-O3 (19/07/2020)

          Restricted Not available unless: You belong to Section O-3

      • Week 9: 2D Implementation

        Topics for discussion

        2D implementation (Object Movement)

        Expected Learning Outcome:

        •   Students will be able to implement all the visualization of the output Primitives.
        •   Students will be able to implement two dimensional animation of any objects.

        Expected Skills:

        a.  knowledge about C/C++ programming
        b.  Clear idea about OpenGL 
        c.   Clear about Matrix
        d. Clear idea about axis


        • Meet Recorded class Link: Section-O2 (20/07/2020)

          Restricted Not available unless: You belong to Section O-2
        • LAB EVALUATION 01 (section O2) Assignment
          Restricted Not available unless: You belong to Section O-2

          Your task is: "Design a birthday Greeting card using all the polygonal shapes you can imagine"

          Marks: 25 

          Strictly following the instructions below:

           1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output. 

          2.In the output window of openGL your ID must be written at the top 

          3. Rename the user-defined function in your code as your name. 

          4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please submit the same file in the google classroom also as a backup copy.

          5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

          6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible. 

           7. Deadline: 22th july 5 PM. The timing can not be extended. utilize your full time efficiently.

           Good luck!!

        • Lecture Video

      • Week 10: Review Exercises

        Review the contents from week 1 to week 9

        Project Followup 

        Feedback from the instructor


        • Lab evaluation 2 (section O2) Assignment
          Restricted Not available unless: You belong to Section O-2

          Your task is: "Design a scenary of a village area or a urban area (as you wish design any one) using polygonal and circular primitives"

          Marks: 25 


          Strictly following the instructions below:


           1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output. 

          2.In the output window of openGL your ID must be written at the top 

          3. Rename the user-defined function in your code as your name. 

          4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please submit the same file in the google classroom also as a backup copy.

          5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

          6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible. 

           7. Deadline: 27th july 5 PM. The timing can not be extended. utilize your full time efficiently.

           Good luck!!

      • Week 11: Spinning object by using key Functionalities

        Dear Learner,
        check out the attachment about spinning and adding sound and key functionalities. Analysis the code and must implement to your project.

      • Topic 12: Lab Assessment

        Lab Assessment

        Total Marks 10 

        Syllabus:

        Theoretical concept of Opengl 



        • Week 13: Project Submission & Presentation


          • Project Submission Guide Line:

            1.  Submit your project .ZIp file.

            2. submit video of the project Presentation


          • Project Submission Assignment

            Dear Learner,

            Greetings!. Upload your fantastic project  and project presentation in this thread. Please follow the submission guideline.

            Best wishes.

        • Week 13: Lab Assessment


          • Lab Final Exam Assessment plan 

            Total Marks: 30

            It will update later...........

        • week 14: Final Examination of Theory course


          • LAB FINAL (SECTION 09) Assignment
            Restricted Not available unless: You belong to Section O-9

            Dear students, 

            There will be total 2 designs that each one of you have to submit. In the PDF below, the DEFAULT task is common to all. Draw as your own design. Do not share your design with anyone beacuse if 100% match both of you will be given zero (I am very strict regarding copy paste).

            I will assign the second task no in a private message in google classroom to all of you. 


            Please strictly follow the rules while submitting your assignment.

            1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output. 

            2.In the output window of openGL your ID must be written at the top 

            3. Rename the user-defined function in your code as your name. 

            4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please also submit the same file in the BLC Lab final section as a backup copy.

            5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

            6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible. 

            7. Deadline: 1 August 2020 at 11 PM. The timing can not be extended. If you get late, marks will be deducted utilize your full time efficiently.

            Good luck!!


          • Lab Final (Section O2) Assignment
            Restricted Not available unless: You belong to Section O-2

            Dear students,
             There will be total 2 designs that each one of you have to submit.
            In the PDF below, the DEFAULT task is common to all. Draw as your own design. Do not share your design with anyone beacuse if 100% match both of you will be given zero (I am very strict regarding copy paste). I will assign the second task no in a private message here to all of you.

             Please strictly follow the rules while submitting your assignment.
             1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output.

             2.In the output window of openGL your ID must be written at the top

             3. Rename the user-defined function in your code as your name.

             4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please also submit the same file in the BLC Lab final section in week 14 as a backup copy.

             5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

             6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible.

             7. Deadline: 5 August 2020 at 11 AM. The timing can not be extended. If you get late, marks will be deducted utilize your full time efficiently. Good luck!!


          • Lab Final (Section O3) Assignment
            Restricted Not available unless: You belong to Section O-3

            Dear students,
             There will be total 2 designs that each one of you have to submit.
            In the PDF below, the DEFAULT task is common to all. Draw as your own design. Do not share your design with anyone beacuse if 100% match both of you will be given zero (I am very strict regarding copy paste). I will assign the second task no in a private message here to all of you.

             Please strictly follow the rules while submitting your assignment.
             1. In a doc file first, attach the picture of the graph you have used to draw your card, then copy and paste your code next, and finally give a screenshot of the output.

             2.In the output window of openGL your ID must be written at the top

             3. Rename the user-defined function in your code as your name.

             4.Then submit the doc file only. Do not submit any zip file, then you will be disqualified. Please also submit the same file in the BLC Lab final section in week 14 as a backup copy.

             5. Do not dare to copy from anyone. I will check every student's code for similarity of points used, design and design of the graph. If I find anyone with exactly same code or design or graph picture then both will be given zero.

             6. Time in 48 Hours to finish the task. Anyone having problems with laptop can submit it later but within 5th August. But try to submit it as soon as possible.

             7. Deadline: 5 August 2020 at 11 AM. The timing can not be extended. If you get late, marks will be deducted utilize your full time efficiently. Good luck!!