cs405 CS405 Project 1: 3D Animations using ChatGPT Solution

In this project, you will use ChatGPT to calculate the ModelView matrix for a cube object and apply this transformation to your cube. After that, you will ask ChatGPT to write a method to animate your object. To do this, you have three tasks to do your project. For each task, uncomment the lines corresponding to each line inside the index.html file.

Task1:
In your project folder, you should see the transformation-prompt.txt file. Please paste the text inside that file to ChatGPT. After ChatGPT answers your question, you should see your answer in this format:

If ChatGPT gives you a response in another format, you can use prompts like “Please calculate this matrix by yourself” to get the response in this format.
Once you get the response, please paste the Float32Array object inside the getChatGPTModelViewMatrix() method inside the utils.js

Please take a screenshot of the generated cube and include it in your report. Also, generate a shareable link to your chat(see related section below) and include that link in your report.
Task2:
Now, by using the functions provided to you, you should generate the same transformation matrix by modifying the getModelViewMatrix() method inside the utils.js file.

Please take a screenshot of the generated cube and include it in your report. Also, check that the modelViewMatrix you calculated is the same as the modelViewMatrix calculated by ChatGPT. If they are different, please explain why they can be different.
Task3:
After calculating the proper transformation matrix in task 2, you should ask
ChatGPT to animate the cube object by using this transformation. The animation should continue infinitely, with an interval of 10 seconds. In the first 5 seconds, the object should transition to the calculated transformation in task 2. In the last 5 seconds, the object should return to its initial position. To implement this functionality, modify the getPeriodicMovement() method inside the utils.js file.

In this task, you are free to use any prompt you like as long as you only modify the contents of the getPeriodicMovement() method. For this task, generate a link to your chat and include it in your report. Also, briefly explain the output of the ChatGPT in your report.
Report
Additionally, we expect you to write a report that clearly explains your methodology. Any submission without the report will not be graded!
Submission Guidelines
You should upload your work to both GitHub and SuCourse.
GitHub: Uploading the codes only is sufficient. Once you upload your code to GitHub, write the repository link to a txt file named github-link.txt and include that file with your submission to SuCourse.
SuCourse: You should zip your work (report, the code(s), and github-link.txt file) and upload it to SuCourse.
Sharing chat via link:

Please click the export button on the top right.