Skip to content

Devika #240

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
DevikaBoddu wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Devika #240

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c4d1092
Update Quizzes.html
DevikaBoddu Jan 27, 2019
39e65dd
Update Introduction.html
DevikaBoddu Jan 27, 2019
3ffc980
Update Quizzes.html
DevikaBoddu Jan 27, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 45 additions & 18 deletions src/lab/Introduction.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,33 +40,32 @@
<span class="icon-bar" style="background-color: #77BB41"></span>
<span class="icon-bar" style="background-color: #77BB41"></span>
</button>
<a class="navbar-brand main-logo-a" href="http://vlabs.ac.in/index.html"><img src="images/logo-new.png" class="img-responsive main-logo" /></a>
<a class="navbar-brand main-logo-a" href="http://vlabs.ac.in/"><img src="images/logo-new.png" class="img-responsive main-logo" /></a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse menu-div" id="bs-example-navbar-collapse-1" style="border: 0px;">

<!-- <ul class="nav navbar-nav navbar-right menu-ul search-ul" style="position: relative; top: -5px;">
<!-- <ul class="nav navbar-nav navbar-right menu-ul search-ul" style="position: relative; top: -5px;">
<li>
<form method="get" action="search-result.html">
<input type="text" class="search-textbox" placeholder="SEARCH FOR A LAB" name="q" id="q"/>
<input type="submit" value="" class="search-button" />
</form>
</li>
</ul>
-->
</ul> -->

<ul class="nav navbar-nav navbar-right menu-ul">
<li class="page-scroll menu-li " >
<a href="http://vlabs.ac.in/index.html" class="menu-a" >HOME</a>
<a href="http://vlabs.ac.in/" class="menu-a" >HOME</a>
</li>
<li class="page-scroll menu-li menu-li-active">
<a href="http://vlabs.ac.in/labs.html" class="menu-a menu-a-active" >ALL LABS</a>
<a href="http://vlab.co.in/institute_detail.php?ins=008" class="menu-a menu-a-active" >ALL LABS</a>
</li>
<li class="page-scroll menu-li " >
<a href="http://vlabs.ac.in/index.html#partner" class="menu-a" >PARTNERS</a>
<a href="http://vlab.co.in/participating-institutes" class="menu-a" >PARTNERS</a>
</li><li class="page-scroll menu-li " >
<a href="http://vlabs.ac.in/index.html#contact" class="menu-a" >CONTACT</a>
</li>
<a href="http://vlab.co.in/contact-us" class="menu-a" >CONTACT</a> </li>
</ul>


Expand All @@ -88,7 +87,7 @@

<!-- =================================================================================================================================== -->
<div class="container-fluid" style="margin-left: 35px; margin-right: 35px;">
<h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><a href="http://vlabs.ac.in/computer-science-and-engineering-labs.html" class="sidebar-a" >Computer Science & Engineering</a><br/></h2>
<h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><a href="http://vlab.co.in/ba_labs_all.php?id=2" class="sidebar-a" >Computer Science & Engineering</a><br/></h2>

<div class="row">
<div class="col-md-2 sidebar-col-2">
Expand All @@ -99,14 +98,42 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><

<!--edit -->
<h1 class="text-h2-lightblue">Computer Graphics</h1><div>
<p>
Welcome to the Computer Graphics lab ! Here , we will try some
virtual experiments to understand the different concepts of
graphics. We will go through understanding the concepts of 3D
Coordinate systems, Transformations, Hierarchical modelling
and Cameras. Later we will be visualising some basic algorithms
used to render the graphics.
</p>
<ul id="list-of-experiments">
<li>
<!--Link and name of the experiment 1 -->
<a href="exp1/Introduction.html?domain=Computer Science&lab=Computer Graphics">Points and Co-ordinate Systems</a>
</li>
<li>
<a href="exp2/Introduction.html?domain=Computer Science&lab=Computer Graphics">Transformations: Translation</a>
</li>
<li>
<a href="exp3/Introduction.html?domain=Computer Science&lab=Computer Graphics">Transformations: Rotation</a>
</li>
<li>
<a href="exp4/Introduction.html?domain=Computer Science&lab=Computer Graphics">Transformations: Scaling</a>
</li>
<li>
<a href="exp5a/Introduction.html?domain=Computer Science&lab=Computer Graphics">Hierarchical Transformations: 2D Demo</a>
</li>
<li>
<a href="exp5b/Introduction.html?domain=Computer Science&lab=Computer Graphics">Hierarchical Transformations: 3D Articulated Arm</a>
</li>
<li>
<a href="exp6/Introduction.html?domain=Computer Science&lab=Computer Graphics">Projections and Cameras</a>
</li>
<li>
<a href="exp7/Introduction.html?domain=Computer Science&lab=Computer Graphics">Clipping: Line</a>
</li>
<li>
<a href="exp8/Introduction.html?domain=Computer Science&lab=Computer Graphics">Clipping: Polygon</a>
</li>
<li>
<a href="exp9/Introduction.html?domain=Computer Science&lab=Computer Graphics">Rasterization: Line</a>
</li>
<li>
<a href="exp10/Introduction.html?domain=Computer Science&lab=Computer Graphics">Rasterization: Polygon</a>
</li>
</ul>
</div> </div>
</div>
</div>
Expand Down
135 changes: 132 additions & 3 deletions src/lab/exp3/Quizzes.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

<!DOCTYPE html>
<html lang="en">
<head>
Expand Down Expand Up @@ -98,8 +99,8 @@ <h2 class="text-h2-lightblue" style=" margin-bottom: 20px; margin-top: 10px; "><
<div class="col-md-10 lab-list-col-10">

<!--edit -->
<h1 class="text-h2-lightblue">Transformations: Rotation</h1><div class="content" id="experiment-article-section-6-content">Quiz will be updated soon!
<p>
<h1 class="text-h2-lightblue">Transformations: Rotation</h1><div class="content" id="experiment-article-section-6-content">

<!--
<b>Q1.</b>
Time taken for one complete oscillation is called Time Period of the oscillator. <br>
Expand All @@ -110,7 +111,7 @@ <h1 class="text-h2-lightblue">Transformations: Rotation</h1><div class="content"
<input type="submit" value="Submit Answers"
class="button" />
-->
</p>

</div> </div>
</div>
</div>
Expand All @@ -124,6 +125,134 @@ <h1 class="text-h2-lightblue">Transformations: Rotation</h1><div class="content"

</div> <!-- top div -->



<form method="POST" name="myquiz">

<!-- <font face="Arial"><big><big>General Knowledge Quiz</big></big></font></p> -->

<div class="qheader">
1. A translation is applied to an object by </div>
<div class="qselections">
<input type="radio" value="a" name="question1">a) Repositioning it along with straight line path<br>
<input type="radio" value="b" name="question1">b) Repositioning it along with circular path<br>
<input type="radio" value="c" name="question1">c) Only b<br>
<input type="radio" value="d" name="question1">d) All of the mentioned <br>
</div>

<br>

<div class="qheader">
2) We translate a two-dimensional point by adding</div>
<div class="qselections">
<input type="radio" value="a" name="question2">a) Translation distances<br>
<input type="radio" value="b" name="question2">b) Translation difference<br>
<input type="radio" value="c" name="question2">c) X and Y<br>
<input type="radio" value="d" name="question2">d) Only a<br>
</div>

<br>

<div class="qheader">
3) The translation distances (dx, dy) is called as</div>
<div class="qselections">
<input type="radio" value="a" name="question3">a) Translation vector<br>
<input type="radio" value="b" name="question3">b) Shift vector<br>
<input type="radio" value="c" name="question3">c) Both a and b<br>
<input type="radio" value="d" name="question3">d) None of the above<br>
</div>

<br>

<div class="qheader">
4) In 2D-translation, a point (x, y) can move to the new position (x’, y’) by using the equation </div>
<div class="qselections">
<input type="radio" value="a" name="question4">a) x’=x+dx and y’=y+dx<br>
<input type="radio" value="b" name="question4">b) x’=x+dx and y’=y+dy<br>
<input type="radio" value="c" name="question4">c) X’=x+dy and Y’=y+dx<br>
<input type="radio" value="d" name="question4">d) X’=x-dx and y’=y-dy<br>
</div>

<br>

<div class="qheader">
5) The two-dimensional translation equation in the matrix form is</div>
<div class="qselections">
<input type="radio" value="a" name="question5">a) P’=P+T<br>
<input type="radio" value="b" name="question5">b) P’=P-T<br>
<input type="radio" value="c" name="question5">c) P’=P*T<br>
<input type="radio" value="d" name="question5">d) P’=p<br>
</div>

<br>

<div class="qheader">
6) _________ is a rigid body transformation that moves objects without deformation. </div>
<div class="qselections">
<input type="radio" value="a" name="question6">a) Rotation<br>
<input type="radio" value="b" name="question6">b) Scaling<br>
<input type="radio" value="c" name="question6">c) Translation<br>
<input type="radio" value="d" name="question6">d) All of the mentioned<br>
</div>

<br>

<div class="qheader">
7) A straight line segment is translated by applying the transformation equation </div>
<div class="qselections">
<input type="radio" value="a" name="question7">a) P’=P+T<br>
<input type="radio" value="b" name="question7">b) Dx and Dy<br>
<input type="radio" value="c" name="question7">c) P’=P+P<br>
<input type="radio" value="d" name="question7">d) Only c<br>
</div>

<br>

<div class="qheader">
8) Polygons are translated by adding __________ to the coordinate position of each vertex and the current attribute setting. </div>
<div class="qselections">
<input type="radio" value="a" name="question8">a) Straight line path <br>
<input type="radio" value="b" name="question8">b) Translation vector <br>
<input type="radio" value="c" name="question8">c) Differences <br>
<input type="radio" value="d" name="question8">d) Only b <br>
</div>

<br>

<div class="qheader">
9) To change the position of a circle or ellipse we translate</div>
<div class="qselections">
<input type="radio" value="a" name="question9">a) Center coordinates<br>
<input type="radio" value="b" name="question9">b) Center coordinates and redraw the figure in new location<br>
<input type="radio" value="c" name="question9">c) Outline coordinates<br>
<input type="radio" value="d" name="question9">d) All of the mentioned<br>
</div>

<br>

<div class="qheader">
10) The basic geometric transformations are</div>
<div class="qselections">
<input type="radio" value="a" name="question10">a) Translation<br>
<input type="radio" value="b" name="question10">b) Rotation<br>
<input type="radio" value="c" name="question10">c) Scaling<br>
<input type="radio" value="d" name="question10">d) All of the mentioned<br>

</div>

</form>

<form>
<div align="center">
<input type="button" value="Grade Me!" name="B1" onClick="gradeit()"> <input type="button" value="Reset" name="B2" onClick="document.myquiz.reset()"></div>
</form>

</p>
</div> </div>
</div>
</div>


</body>


Expand Down
Loading