1 / 9

COGEVITO

Exploiting the potential of Three.js for the visualization of complex geometries related to HEP detectors, both online and offline. Sharing information and integrating functionality into existing web pages.

borisr
Download Presentation

COGEVITO

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COGEVITO Complex Geometry Visualization Tool

  2. Motivation • Exploit the potential of Three,js for the visualization of • complex geometries related to HEP detectors • Online and offline data visualization • Three,js is a JavaScript API for rendering interactive 2D and 3D graphics inside an HTML <canvas> element. • Since the web was invented at CERN, It is also a natural consequence to undertake new developments that will allow sharing of knowledge and information in a more intuitive and natural way which is obviously offered through graphics. • It is now possible to envisage such developments and Three.js is probably a good candidate for this scope. http://threejs.org/examples/#webgl_video_panorama_equirectangular http://threejs.org/examples/#css3d_periodictable

  3. Short term (6 months) plan • Feasibility study of the use of Three.js to • Display any volume defined in root/Geant/GeantV • Display any geometry (detector) defined in root/Geant/GeantV • Use of materials defined in root/Geant/GeantV • Display the geometry and manipulate (isolate, rotate, etc) interactively the various components • Exploit the possibilities offered by the use of Three.js to display graphically any geometry and related data on the web • Sharing information • Integrating the functionality in the existing web page of the experiments (Normally are used static images to describe a detector).

  4. Where we stand so far • Acquiring knowledge of the functionalities offered by Three.js to display 3D volumes and other graphic objects on the web • Creating a scene, volumes, materials, lighting etc • Rendering the scene and interacting using rotation, zoom and other technics • Exporting volumes defined in root/Geant/GeantV in JSON format • Vertexes • Normals • Faces (triangles) • Exporting volumes defined in root/Geant/GeantV in JSON format using Three.js primitives • Importing JSON files in Three.js

  5. Demonstration tool Geodemo: Display volumes defimed in GEOM, export to JSON format, import in Three.js

  6. Some technical details Triangularization BOX: 6 faces, 8 vertexes, 12 segments V2 V1 C D 3 CDA 4 2 ABC A 1 B V Normal on face ABC

  7. Triangularization of complex volumes ->Noof Vertices: 12960 -->No of Segments: 25920 -->No of Polygons: 12960  No of Triangles: 25920 C D CDA ABC A B

  8. The long term plan • By the end of August-2015 we will have exploited the potential of Three.js • There exist already a tool that can display data (Root: 2D and 3D histograms) using Three.js () • We will have a tool capable to display the full geometry of an/any experiment • Starting from September-2015: • We will describe the needed functionality of the tool in terms of user requirements • We will provide a functional design according to the user requirements • We will validate the design • Start the development of the new tool

  9. Looking forward for epic HEP data analysis & graphic display

More Related