Difference between revisions of "XB PointStream"

From CDOT Wiki
Jump to: navigation, search
m (Added warning about out of date information.)
 
(44 intermediate revisions by 2 users not shown)
Line 9: Line 9:
 
{| style="width: 100%; border:1px solid #ccc; background:none;"
 
{| style="width: 100%; border:1px solid #ccc; background:none;"
 
| style="text-align:center; color:#000;" |
 
| style="text-align:center; color:#000;" |
<span style="font-size:262%; border:none; margin:0; color:#000; line-height: 100%">'''<span style="color: #b51418">XB PointStream</span>'''<br />[[File:Multishells.png|center|200px]]</span>
+
<span style="font-size:262%; border:none; margin:0; color:#000; line-height: 100%">'''<span style="color: #b51418">XB PointStream</span>'''<br />[[File:Multishells.png|center|250px]]</span>
 
 
  
 +
{{Admon/obsolete}}
 
|}
 
|}
 
|}
 
|}
Line 19: Line 19:
 
<!-- |colspan="3"|<div style="background: #ffff00">'''Important!''' - The [[CDOT Development Systems]] have been re-arranged .</div>
 
<!-- |colspan="3"|<div style="background: #ffff00">'''Important!''' - The [[CDOT Development Systems]] have been re-arranged .</div>
 
|- -->
 
|- -->
| class="MainPageBG" style="width:55%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top; color:#000;"|
+
| class="MainPageBG" style="width:60%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top; color:#000;"|
 
{| id="mp-left" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
 
{| id="mp-left" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">About CDOT</h2>
+
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">About XB PointStream</h2>
 +
|-
 +
| style="color:#000;" | [[File:Shell.png|right|150px]]<div id="mp-tfa">The typical method used to represent 3D graphics for applications such as video games is that of a textured meshed.  Essentially the object is made up of a mesh of flat triangles and a 2D texture graphic that is applied over the mesh to give it its colour and depth.  However, this is not the only way to represent 3D graphics.  Another method for representing 3D graphics is that of a point cloud which is a set of coloured points in 3D space.  While a point cloud is usually larger than a textured mesh in terms of amount of data, it provides a level of realism not found in a mesh.  Furthermore, some 3D scanning equipment such as 3D scanners, LiDAR equipment, medical scanners, and MicroSoft's Kinect all deliver their data as point clouds.
 +
 
 +
XB PointStream provides a framework to simplify the streaming and rendering of point clouds allowing them to be rendered in a web page without any plug-ins.  WebGL, a JavaScript API based on Open GL ES 2.0 enables the creation of 3D content in the web browser without any plugins.  It is currently implemented in release version of Firefox and Chrome and development versions of Safari and Opera.  To support the creation of 3D content many web libraries have been written.  However, most of these libraries are based on textured meshes.  XB PointStream is different from these other libraries in that it focuses on point clouds.  It is highly customizable to adapt to different file formats and provides support for addition of customizable shaders.
 +
</div>
 +
 
 +
|-
 +
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Demos</h2>
 
|-
 
|-
| style="color:#000;" | [[File:Cdot-group-shot-1-20091.jpg|border|right|160px]]<div id="mp-tfa">The typical method used to represent 3D graphics for applications such as video games is that of a textured meshedEssentially the object is made up of a mesh of flat triangles and a 2D texture graphic that is applied over the mesh to give it its colour and depth.   However, this is not the only way to represent 3D graphicsAnother method for representing 3D graphics is that of a point cloud which is a set of coloured points in 3D spaceWhile a point cloud is usually larger than a textured mesh in terms of amount of data, it provides a level of realism not found in a mesh.  Furthermore, some 3D scanning equipment such as 3D scanners, LiDAR equipment, medical scanners, and MicroSoft's Kinect all deliver their data as point clouds.</div>
+
| style="color:#000;" | <div id="mp-tfa">XB PointStream uses WebGL and thus you will need to use a WebGL enabled browser to see the demos running live.  Current browsers that support WebGL are Firefox 4.0+ and current release of ChromeDevelopment versions of Safari and Opera also support WebGL. If your video card is really old or does not meet standards, your browser may also have problems supporting WebGL[http://www.doesmybrowsersupportwebgl.com/ Click here to test your browser]If your browser does not support WebGL, please check out the videos of the demos instead.
 +
</div>
 +
<br>
 +
{| class="wikitable" border="1"
 +
|+
 +
!Demo !! Run it! ([http://www.doesmybrowsersupportwebgl.com/ needs webGL enabled browser]) !! Watch it!
 
|-
 
|-
! <h2 id="mp-dyk-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Events</h2>
+
| Ply Point Cloud || http://scotland.proximity.on.ca/asalga/demos/andor/||
 
|-
 
|-
| style="color:#000;" | <div id="mp-dyk">{{CDOT Current Events}}
+
| Drag and Drop Viewer |||| http://www.youtube.com/watch?v=y3AGz-8X-aI
 +
|-
 +
| Vitual Museum || http://scotland.proximity.on.ca/asalga/demos/museum/||
 +
|-
 +
| SMS Demo (requires a device with motion scensors and FF4 || http://scotland.proximity.on.ca/asalga/demos/sms/||http://www.youtube.com/watch?v=U37owvJj3Ws
 +
|-
 +
| User Defined Shaders || http://scotland.proximity.on.ca/asalga/demos/0.5/demo/user_shader/ ||
 +
|-
 +
| Multiple Point clouds || http://scotland.proximity.on.ca/asalga/demos/0.5/demo/many_clouds/ ||
 +
 
 +
|}
 +
 
  
'''Past Events:'''
 
* See [[Special Events History]]
 
</div>
 
 
|}
 
|}
 
| style="border:1px solid transparent;" |
 
| style="border:1px solid transparent;" |
 
<!--        Right-hand column        -->
 
<!--        Right-hand column        -->
| class="MainPageBG" style="width:45%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top;"|
+
| class="MainPageBG" style="width:40%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top;"|
 
{| id="mp-right" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
 
{| id="mp-right" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
 
! <h2 id="mp-itn-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Current Blog Posts</h2>
 
! <h2 id="mp-itn-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Current Blog Posts</h2>
 
|-
 
|-
 
| style="color:#000;" | <div id="mp-itn">
 
| style="color:#000;" | <div id="mp-itn">
<!-- {{Planet Current Posts}} --><rss>http://zenit.senecac.on.ca/~chris.tyler/planet/rss20.xml|short|max=18</rss>
+
<!-- {{Planet Current Posts}} --><rss>http://asalga.wordpress.com/category/point-cloud/feed/|short|max=10</rss>
'''See more posts on [http://zenit.senecac.on.ca/~chris.tyler/planet/ Planet CDOT].'''<br />
+
|-
You can add your own blog to the [[Planet CDOT Feed List|Planet List]].
+
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Downloads - Release 0.8</h2>
</div>
+
|-
 +
| style="color:#000;" |
  
|}
+
* '''[http://scotland.proximity.on.ca/asalga/releases/0.8/xbps-min-0.8.js minified] | [http://scotland.proximity.on.ca/asalga/releases/0.8/xbps-min-0.8.zip src + example] | [http://github.com/asalga/XB-PointStream/archives/0.8 full]'''
|}
+
|-
 +
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Development Links</h2>
 +
|-
 +
| style="color:#000;" |
  
{| id="mp-topbanner2" style="width:100%; margin-top:1.2em; border:none;"
+
* [http://cdot.lighthouseapp.com/projects/52886-xb-pointstream Bug Tracker]
| style="width:88%; |
+
* [http://github.com/asalga/XB-PointStream Github]
{| style="width: 100%; border:none; background:none;"
+
* [http://en.wordpress.com/tag/xb-pointstream/ Blogs]
| style="text-align:center; color:#000;" |
+
* [http://zenit.senecac.on.ca/wiki/index.php/XB_PointStream/specs Specifications]
<center>[[Image:C3dl-logo.png|120px|link=http://c3dl.org]]&nbsp;&nbsp;&nbsp;&nbsp;[[Image:Eclipse-logo.jpg|120px|link=http://eclipse.org]]&nbsp;&nbsp;&nbsp;&nbsp;[[Image:Fedora-logo.png|120px|link=http://fedoraproject.org]]&nbsp;&nbsp;&nbsp;&nbsp;[[Image:Powered_by_mozilla.jpg|120px|link=http://mozilla.org]]&nbsp;&nbsp;&nbsp;&nbsp;[[Image:PjsLogo.png|150px|link=http://processingjs.org/]]&nbsp;&nbsp;&nbsp;&nbsp;[[Image:Openofficeorg-logo.png|120px|link=http://openoffice.org]]</center>
+
* [http://twitter.com/XBPointStream Twitter]
 
+
* [http://www.youtube.com/results?search_query=xb+pointstream&aq=f YouTube Videos]
|}
+
* [http://zenit.senecac.on.ca/wiki/index.php/XB_PointStream/extending_xbps Extending XBPointStream]
<!--        PORTAL LIST ON RIGHT-HAND SIDE        -->
+
* [http://zenit.senecac.on.ca/wiki/index.php/XB_PointStream/custom_parsers Custom Parsers]
| style="width:11%; font-size:95%;" |&nbsp;
+
|-
| style="width:11%; font-size:95%;" |&nbsp;
+
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Projects using XB PointStream</h2>
|}
 
 
 
__NOTOC__ __NOEDITSECTION__
 
 
 
<!-- #########
 
 
 
 
 
          NOTE: To edit current events, go to the page:  [[Template:CDOT Current Events]]
 
 
 
 
 
######### --><!-- Style borrowed from Wikipedia's front page --><!-- Main title is suppressed by a CSS entry in the page: MediaWiki:Monobook.css  --><!--        BANNER ACROSS TOP OF PAGE        -->{| id="mp-topbanner" style="width:100%; background:#fcfcfc; margin-top:1.2em; border:1px solid #ccc;"
 
| style="width:88%; color:#000;" |
 
{| style="width: 100%; border:none; background:none;"
 
| style="text-align:center; color:#000;" |
 
 
 
|}
 
|}
 
 
 
<!--        LEFT-HAND COLUMN        -->
 
{| id="mp-upper" style="margin:0 0 0 0; background:none;"
 
<!-- |colspan="3"|<div style="background: #ffff00">'''Important!''' - The [[CDOT Development Systems]] have been re-arranged .</div>
 
|- -->
 
| class="MainPageBG" style="width:55%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top; color:#000;"|
 
{| id="mp-left" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
 
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">About XB PointStream</h2>
 
 
|-
 
|-
| style="color:#000;" | [[File:Cdot-group-shot-1-20091.jpg|border|right|160px]]<div id="mp-tfa">The typical method used to represent 3D graphics for applications such as video games is that of a textured meshed. Essentially the object is made up of a mesh of flat triangles and a 2D texture graphic that is applied over the mesh to give it its colour and depth.  However, this is not the only way to represent 3D graphics.  Another method for representing 3D graphics is that of a point cloud which is a set of coloured points in 3D space.  While a point cloud is usually larger than a textured mesh in terms of amount of data, it provides a level of realism not found in a mesh.  Furthermore, some 3D scanning equipment such as 3D scanners, LiDAR equipment, medical scanners, and MicroSoft's Kinect all deliver their data as point clouds.
+
| style="color:#000;" |
 +
* [http://www.visual-experiments.com/2011/04/13/google-chrome-photosynth-webgl-viewer-extension/ Google Chrome Photosynth WebGL Viewer Extension]
 +
* [http://3dtubeme.com/ 3D TubeMe]
  
 
</div>
 
 
|-
 
|-
! <h2 id="mp-dyk-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Events</h2>
+
! <h2 id="mp-tfa-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Old Releases</h2>
 
|-
 
|-
| style="color:#000;" | <div id="mp-dyk">{{CDOT Current Events}}
+
| style="color:#000;" |
 
+
* Release 0.75 ['''[http://scotland.proximity.on.ca/asalga/releases/0.75/xbps-min-0.75.zip src + example]''' | '''[http://scotland.proximity.on.ca/asalga/releases/0.75/xbps-min-0.75.js minified]''' | '''[http://github.com/asalga/XB-PointStream/archives/0.75 full]''']
'''Past Events:'''
+
* Release 0.7 ['''[http://scotland.proximity.on.ca/asalga/releases/0.7/xbps-min-0.7.zip src + example]''' | '''[http://scotland.proximity.on.ca/asalga/releases/0.7/xbps-min-0.7.js minified]''' | '''[http://github.com/asalga/XB-PointStream/archives/0.7 full]''']
* See [[Special Events History]]
+
* Release 0.6 ['''[http://scotland.proximity.on.ca/asalga/releases/0.6/xbps-min-0.6.zip src + example]''' | '''[http://scotland.proximity.on.ca/asalga/releases/0.6/xbps-min-0.6.js minified]''' | '''[http://github.com/asalga/XB-PointStream/archives/0.6 full]''']
</div>
+
* [http://scotland.proximity.on.ca/asalga/releases/0.5/xbps-0.5.js Release 0.5 Minified]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.5/xbps-min-0.5.zip Release 0.5 source + example]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.4.5.zip Release 0.4.5 library only]
 +
* [http://github.com/asalga/XB-PointStream/archives/0.4.5 Release 0.4.5 Full]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.4.zip Release 0.4]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.3.zip Release 0.3]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.2.zip Release 0.2]
 +
* [http://scotland.proximity.on.ca/asalga/releases/0.1.zip Release 0.1]
 
|}
 
|}
| style="border:1px solid transparent;" |
 
<!--        Right-hand column        -->
 
| class="MainPageBG" style="width:45%; border:1px solid #ccc; background:#f8f8f8; vertical-align:top;"|
 
{| id="mp-right" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f8f8f8;"
 
! <h2 id="mp-itn-h2" style="margin:0; background:#b51418; font-size:120%; font-weight:bold; border:1px solid #ccc; text-align:left; color:#fff; padding:0.2em 0.4em;">Current Blog Posts</h2>
 
|-
 
| style="color:#000;" | <div id="mp-itn">
 
<!-- {{Planet Current Posts}} --><rss>http://asalga.wordpress.com/category/point-cloud/feed/|short|max=18</rss>
 
 
</div>
 
 
 
|}
 
|}
  
 
 
<!--        PORTAL LIST ON RIGHT-HAND SIDE        -->
 
| style="width:11%; font-size:95%;" |&nbsp;
 
| style="width:11%; font-size:95%;" |&nbsp;
 
|}
 
  
 
__NOTOC__ __NOEDITSECTION__
 
__NOTOC__ __NOEDITSECTION__

Latest revision as of 15:43, 27 January 2014

XB PointStream
Multishells.png
Important.png
This page may be obsolete.
It contains historical information.

About XB PointStream

Shell.png
The typical method used to represent 3D graphics for applications such as video games is that of a textured meshed. Essentially the object is made up of a mesh of flat triangles and a 2D texture graphic that is applied over the mesh to give it its colour and depth. However, this is not the only way to represent 3D graphics. Another method for representing 3D graphics is that of a point cloud which is a set of coloured points in 3D space. While a point cloud is usually larger than a textured mesh in terms of amount of data, it provides a level of realism not found in a mesh. Furthermore, some 3D scanning equipment such as 3D scanners, LiDAR equipment, medical scanners, and MicroSoft's Kinect all deliver their data as point clouds.

XB PointStream provides a framework to simplify the streaming and rendering of point clouds allowing them to be rendered in a web page without any plug-ins. WebGL, a JavaScript API based on Open GL ES 2.0 enables the creation of 3D content in the web browser without any plugins. It is currently implemented in release version of Firefox and Chrome and development versions of Safari and Opera. To support the creation of 3D content many web libraries have been written. However, most of these libraries are based on textured meshes. XB PointStream is different from these other libraries in that it focuses on point clouds. It is highly customizable to adapt to different file formats and provides support for addition of customizable shaders.

Demos

XB PointStream uses WebGL and thus you will need to use a WebGL enabled browser to see the demos running live. Current browsers that support WebGL are Firefox 4.0+ and current release of Chrome. Development versions of Safari and Opera also support WebGL. If your video card is really old or does not meet standards, your browser may also have problems supporting WebGL. Click here to test your browser. If your browser does not support WebGL, please check out the videos of the demos instead.


Demo Run it! (needs webGL enabled browser) Watch it!
Ply Point Cloud http://scotland.proximity.on.ca/asalga/demos/andor/
Drag and Drop Viewer http://www.youtube.com/watch?v=y3AGz-8X-aI
Vitual Museum http://scotland.proximity.on.ca/asalga/demos/museum/
SMS Demo (requires a device with motion scensors and FF4 http://scotland.proximity.on.ca/asalga/demos/sms/ http://www.youtube.com/watch?v=U37owvJj3Ws
User Defined Shaders http://scotland.proximity.on.ca/asalga/demos/0.5/demo/user_shader/
Multiple Point clouds http://scotland.proximity.on.ca/asalga/demos/0.5/demo/many_clouds/


Current Blog Posts

Extension:RSS -- Error: "http://asalga.wordpress.com/category/point-cloud/feed/%7Cshort%7Cmax=10" is not in the whitelist of allowed feeds. http://zenit.senecac.on.ca/~chris.tyler/planet/rss20.xml is the only allowed feed.

Downloads - Release 0.8

Development Links

Projects using XB PointStream

Old Releases


Retrieved from "https://wiki.cdot.senecacollege.ca/w/index.php?title=XB_PointStream&oldid=104182"