Computer_Graphics

Following script tags can be used instead of installing modules.

THREE.JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r99/three.min.js"></script>

OR

https://cdnjs.cloudflare.com/ajax/libs/three.js/r99/three.js

CHART.JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>

LAB_1

OBJECTIVES

TASK 1: Plot a graph.

TASK 2: Split screen into 4 equal blocks and plot a graph on each block

PACKAGES USED

• Chart.js

LAB_2

OBJECTIVES

TASK 1: Draw a Cube using three.js

TASK 2: Code for cropping an image, code for filtering an image

PACKAGES USED

TASK 1:

• Three.js

TASK 2:

• numpy
• PIL

LAB_3

OBJECTIVES

TASK 1: Code "Rain effect" using three.js

PACKAGES USED

• Three.js

LAB_4

OBJECTIVES

TASK 1: Code Draw a circle using three.js

TASK 2: Code Draw a Parametric Line using three.js

PACKAGES USED

• Three.js

threeJsLocal

Local File Setup for Three JS

Local File Protocol

Simply double click on index.html, or open it on any of the browsers.

threeJsLive

Live Server Three JS

Live Server Setup

For running it on a server, install VSCode, Install the Live Server Extension(https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) Tutorial for installing it: https://www.youtube.com/watch?v=y4qqQeUDCBQ For Starting the Live Server, Alt + L + O