Difference between revisions of "2015 Summer Project Week:Volume rendering with DCMJS and THREEJS"

From NAMIC Wiki
Jump to: navigation, search
(Created page with '__NOTOC__ <gallery> Image:PW-Summer2015.png|Projects List </gallery> ==Key Investigators== * Nicolas Rannou * Steve Pieper ==Project Descr…')
 
 
(10 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
* Nicolas Rannou
 
* Nicolas Rannou
 
* Steve Pieper
 
* Steve Pieper
 +
* Utsav Pardasani, Adam Rankin, Diego Cantor? (remote, maybe!)
  
 
==Project Description==
 
==Project Description==
Line 12: Line 13:
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<h3>Objective</h3>
 
<h3>Objective</h3>
*Define a good workflow to parse a MR dicom with DCMJS.
+
* Simulate 3D texture in the GLSL shader.
*Identify and formalize the needs to design a web-based slicer clone:
+
* Implement a basic volume rendering of DICOM data.
** models organization (how are the different models related (image, label maps, mesh, fibers, etc.))
 
** widgets
 
** visualization (Frame of reference, Transforms, World vs Image space, etc.)
 
** performance
 
** etc.
 
* Implement a basic volume rendering of the dicom data with THREEJS.
 
 
</div>
 
</div>
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<h3>Approach, Plan</h3>
 
<h3>Approach, Plan</h3>
* Talk with DICOM/DCMTK experts to get some feedback.
+
* Implement a JS DICOM parser.
* Write a demo to test dicom parsing workflow.
+
* Create 3D textures "polyfill" in Fragment Shader.
* Write a demo to test volume rendering.
+
* Implement Volume Rendering with THREEJS.
 
</div>
 
</div>
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<div style="width: 27%; float: left; padding-right: 3%;">
 
<h3>Progress</h3>
 
<h3>Progress</h3>
*
+
* Progress at infrastructure level (no coding :( )
 +
* GLSL shaders will be shared between different Languages (Python, C++, JavaScripy)/Libraries (VTK, XTK, etc.)
 +
* Use Glslify to integrate shaders in JavaScript.
 +
* https://github.com/stackgl/glslify
 +
* Not sure where the shaders should be sitting. (which Github repo/organization?)
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 14:57, 24 June 2015

Home < 2015 Summer Project Week:Volume rendering with DCMJS and THREEJS

Key Investigators

  • Nicolas Rannou
  • Steve Pieper
  • Utsav Pardasani, Adam Rankin, Diego Cantor? (remote, maybe!)

Project Description

Objective

  • Simulate 3D texture in the GLSL shader.
  • Implement a basic volume rendering of DICOM data.

Approach, Plan

  • Implement a JS DICOM parser.
  • Create 3D textures "polyfill" in Fragment Shader.
  • Implement Volume Rendering with THREEJS.

Progress

  • Progress at infrastructure level (no coding :( )
  • GLSL shaders will be shared between different Languages (Python, C++, JavaScripy)/Libraries (VTK, XTK, etc.)
  • Use Glslify to integrate shaders in JavaScript.
  • https://github.com/stackgl/glslify
  • Not sure where the shaders should be sitting. (which Github repo/organization?)