Developer Documentation

Developer Documentation

Project Directory Structure

This project contains files and folders. The structure of the contents of this folder is outlined below:

           images/

        This contains any images used by the lens_experiment.html file.

          js/

     This contains the JavaScript files used.

  function.js - This contains all JavaScript code used by the project.

         index.html

          style.css – Style Sheet for this project

This contains all HTML code used by the project.

The function.js File

The function.js file contains all main functionality functions used in this project

These are defined with several method and variables, explained below.

Methods

intersect()   –          Find the intersection point of two rays.

deleteray(), deleteray2()   – To remove previously drawn ray lines when dragging the mirror or object.

dragDrop() – This function works after the mirror drag from toolbar & drop into the container.

drawImage() – When dragging object or mirror, It is used to draw all set of ray lines and image of object for one mirror.This two categories works five different cases such as object beyond 2F , object between F and 2F , object at 2F , object at F , object within F.

document.getElementById('object_arrow').addEventListener('click', function() {}) – When click the object in the toolbar, the object will be created into the container.

arrow_object.on("dragmove", function() {}) –When drag the arrow object, this function will work. It limits the dragging area of object up to mirror.

triangle_object.on("dragmove", function() {}) –When drag the triangle object, this function will work. It limits the dragging area of object up to  mirror.

square_object.on("dragmove", function() {}) –When drag the square object, this function will work. It limits the dragging area of object up to mirror.

image.on("dragmove", function(evt) {}) –When drag the mirror, this function will work.

image.on('dblclick', function(evt){}) – When double click the mirror, clicked mirror, related ray lines, related f,2f will be deleted.

Variables

object_name – Find the name of object in the container (Arrow, Triangle, Square).

principal_axis –Create principal axis line for the experiment.

arrow_object – Create Arrow object

triangle_object – Create Triangle object. square_object – Create Square object.

mirror_id – After the dropping the lens into the container, find id of the dropped mirror.

lense_1_name – Find the name of the fist lens in the container. lense_2_name – Find the name of the second lens in the container. twof_1 - Create left 2f of the first lens.

twof_2 - Create right 2f of the first lens. focal_1 - Create left f of the first lens. focal_2 - Create right f of the first lens. twof_3 - Create left 2f of the second lens. twof_4 - Create right 2f of the second lens. focal_3 - Create left f of the second lens. focal_4 - Create right f of the second lens.

object_position_x – Find the position of the object (Arrow, Triangle, Square).

 lense_1_position – Find the position of the first lens.

lense_2_ position – Find the position of the second lens.

slope_1 - Find slope between principal axis and the central ray for first lens.

slope_2 - Find slope between principal axis and the refracted ray for first lens, if it is convex lens.

lense1_ray1_end_point_x – Find the end point x coordinate of central ray for first lens.

lense1_ray1_end_point_y – Find the end point y coordinate of central ray for first lens.

lense1_ray2_end_point_x – Find the end point x coordinate of refracted ray for first lens.

lense1_ray2_end_point_y – Find the end point y coordinate of refracted ray for first lens.

central_ray – Create the central ray.

incident_ray – Create the incident ray.

focal_point_lense_1 – Find the focal point of the first lens .According to the lens type. If convex lens = f, if concave lens = -f.

focal_point_lense_2 – Find the focal point of the second lens .According to the lens type. If convex lens = f, if concave lens = -f.

intersect_point_1 - Find intersected point of refracted ray and central ray of first lens for all three objects.

intersect_point_1_tri_squ - Find intersected point of refracted ray and central ray of first lens for triangle, square object’s left upper corner point.

image_1 – Create the image of the object for both lens, if it is one lens Experiment.

refracted_ray_convex – Create refracted ray, if the first lens is convex lens.

intersect_point_2 - Find intersected point of refracted ray and central ray of second lens if the first lens is Convex for all three objects.

intersect_point_2_tri_squ - Find intersected point of refracted ray and central ray of second lens if the first lens is Convex for triangle, square object’s left upper corner point.

image_2 – Create the image of the object, if the first lens is convex for two lens Experiment.

reflected_ray – Create reflected ray for the first lens, if it is convex.

slope_3 - Find slope between principal axis and the refracted ray for first lens, if it is concave lens.

refracted_ray_concave – Create the refracted ray, if the first lens is concave lens.

reflected_ray_concave - Create reflected ray for the first lens, if it is concave.

intersect_point_3 - Find intersected point of refracted ray and central ray of second lens if the first lens is Concave for all three objects.

intersect_point_3_tri_squ - Find intersected point of refracted ray and central ray of second lens if the first lens is Concave for triangle, square object’s left upper corner point.

image_3 – Create the image of the object, if the first lens is concave for two lens Experiment.

reflected_ray_lense2_1, reflected_ray_lense2_2, reflected_ray_lense2_3, reflected_ray_lense2_4 – Create the reflected ray for the second lens.

lense2_ray1_end_point_y - Find the end point x coordinate of refracted ray for second lens.

lense_instance – Find the lens, When double click the object to remove.

lense_instance_id - Find id of the lens, when double click the object to remove.