Skip to content

Commit 3286157

Browse files
author
Robert D Vincent
authored
Merge pull request #313 from natacha-beck/merge_bb
Merge of Bigbrain Viewer capability into main branch.
2 parents 8cb0ca1 + 3ee2b5f commit 3286157

19 files changed

+3585
-79
lines changed

‎Gruntfile.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -156,8 +156,9 @@ module.exports = function(grunt) {
156156
src: [
157157
"examples/surface-viewer-demo.js",
158158
"examples/volume-viewer-demo.js",
159+
"examples/bigbrain-viewer-demo.js",
159160
"examples/surface-viewer-demo.config.js",
160-
"examples/volume-viewer-demo.config.js"
161+
"examples/volume-viewer-demo.config.js",
161162
]
162163
},
163164
scripts: {

‎examples/bigbrain-viewer-demo.config.js‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
/*
2+
* BrainBrowser: Web-based Neurological Visualization Tools
3+
* (https://brainbrowser.cbrain.mcgill.ca)
4+
*
5+
* Copyright (C) 2011 McGill University
6+
*
7+
* This program is free software: you can redistribute it and/or modify
8+
* it under the terms of the GNU Affero General Public License as
9+
* published by the Free Software Foundation, either version 3 of the
10+
* License, or (at your option) any later version.
11+
*
12+
* This program is distributed in the hope that it will be useful,
13+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
14+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15+
* GNU Affero General Public License for more details.
16+
*
17+
* You should have received a copy of the GNU Affero General Public License
18+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
19+
*/
20+
21+
(function() {
22+
"use strict";
23+
24+
// REQUIRED
25+
BrainBrowser.config.set("worker_dir", "js/brainbrowser/workers/");
26+
27+
// Custom configuration for the Surface Viewer demo app.
28+
BrainBrowser.config.set("model_types.freesurferasc.format_hint", 'You can use <a href="http://surfer.nmr.mgh.harvard.edu/fswiki/mris_convert" target="_blank">mris_convert</a> to convert your binary surface files into .asc format.');
29+
BrainBrowser.config.set("intensity_data_types.freesurferasc.format_hint", 'You can use <a href="http://surfer.nmr.mgh.harvard.edu/fswiki/mris_convert" target="_blank">mris_convert</a> to convert your binary surface files into .asc format.');
30+
31+
BrainBrowser.config.set("color_maps", [
32+
{
33+
name: "Spectral",
34+
url: "color_maps/spectral.txt",
35+
},
36+
{
37+
name: "Thermal",
38+
url: "color_maps/thermal.txt",
39+
},
40+
{
41+
name: "Gray",
42+
url: "color_maps/gray_scale.txt",
43+
},
44+
{
45+
name: "Blue",
46+
url: "color_maps/blue.txt",
47+
},
48+
{
49+
name: "Green",
50+
url: "color_maps/green.txt",
51+
}
52+
]);
53+
54+
})();
55+
56+

‎examples/bigbrain-viewer-demo.html‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.10.custom.css" rel="stylesheet">
7+
<link type="text/css" href="css/widgets.css" rel="stylesheet">
8+
<link type="text/css" href="css/bigbrain-common.css" rel="stylesheet">
9+
<link type="text/css" href="css/bigbrain-viewer-demo.css" rel="stylesheet">
10+
<link rel="icon" type="image/png" href="img/brainbrowser.png">
11+
<title>BigBrain Surface Viewer (powered by BrainBrowser)</title>
12+
<meta name="description" content="The BrainBrowser Surface Viewer is a WebGL-based visualization tool capable of displaying 3D neurological surface data in real-time.">
13+
<meta property="og:image" content="https://brainbrowser.cbrain.mcgill.ca/img/surface-viewer.png">
14+
<meta property="og:image:secure_url" content="https://brainbrowser.cbrain.mcgill.ca/img/surface-viewer.png">
15+
<meta name="twitter:card" content="summary">
16+
<meta name="twitter:creator" content="@thsherif">
17+
<meta name="twitter:title" content="BigBrain Surface Viewer (powered by BrainBrowser)">
18+
<meta name="twitter:description" content="The BrainBrowser Surface Viewer is a WebGL-based visualization tool capable of displaying 3D neurological surface data in real-time.">
19+
<meta name="twitter:image" content="https://brainbrowser.cbrain.mcgill.ca/img/surface-viewer.png">
20+
</head>
21+
<body>
22+
<div id="display">
23+
<h1 id="app-name" class="app-label">
24+
BigBrain Surface Viewer<br>
25+
<small>
26+
(powered by <a href="https://brainbrowser.cbrain.mcgill.ca/" target="_blank">BrainBrowser</a>)</small>
27+
</h1>
28+
<a id="control-button" class="button">Hide Controls</a>
29+
<div id="vertex-data-wrapper"></div>
30+
<!-- Loading image from: http://www.ajaxload.info/ -->
31+
<div id="loading" style="display: none"><img src="img/ajax-loader.gif"></div>
32+
<div id="brainbrowser"></div>
33+
<div id="controls">
34+
<div id="controls-content">
35+
<div id="surface_choice" class="box-top full-box">
36+
<h4>Load your own data!</h4>
37+
<div class="instructions">
38+
(Note: your data will remain on your computer and will not be transferred to the BrainBrowser server.)
39+
</div>
40+
<div id="obj_file_select" class="file-select">
41+
Model File:
42+
<div id="browse_obj_file"><input type="file" name="objfile" id="objfile"></div><br>
43+
Format:
44+
<select id="obj_file_format" class="file-format" name="format">
45+
<option value="unknown">Unknown format</option>
46+
<option value="json">JSON</option>
47+
<option value="mniobj">MNI OBJ</option>
48+
<option value="wavefrontobj">Wavefront OBJ</option>
49+
<option value="freesurferasc">Freesurfer ASC</option>
50+
</select>
51+
<div class="format-hint"></div>
52+
<div id="obj_file_submit_div" class="file-submit-div">
53+
<span id="obj_file_submit" class="button file-submit">Load</span>
54+
<span id="clearshapes" class="button">Unload All</span>
55+
</div>
56+
</div>
57+
</div>
58+
<div class="combo-box">
59+
<div id="views" class="box full-box" >
60+
<center>
61+
Background Color:
62+
<select id="clear_color">
63+
<option value="0x000000">Black</option>
64+
<option value="0x888888">Gray</option>
65+
<option value="0xffffff">White</option>
66+
<option value="0xff0000">Red</option>
67+
<option value="0x00ff00">Green</option>
68+
<option value="0x0000ff">Blue</option>
69+
<option value="0x00ffff">Cyan</option>
70+
<option value="0xff00ff">Magenta</option>
71+
<option value="0xffff00">Yellow</option>
72+
</select><br>
73+
<div class="button-row">
74+
Autorotate:
75+
<span id="autorotate-controls" class="buttonset">
76+
<input type="checkbox" id="autorotateX" class="icon"><label for="autorotateX">X</label>
77+
<input type="checkbox" id="autorotateY" class="icon"><label for="autorotateY">Y</label>
78+
<input type="checkbox" id="autorotateZ" class="icon"><label for="autorotateZ">Z</label>
79+
</span>
80+
</div><br>
81+
<div class="button-row">
82+
<span title="Axes"><input type="checkbox" class="icon" id="toggle-axes"><label for="toggle-axes"><img src="img/axes_icon.png"></label></span>
83+
<span title="Reset view"><a class="icon" id="resetview"><img src="img/reset_icon.png"></a></span>
84+
<span title="Wireframe"><input class="wireframe_off" id="meshmode"><label for="meshmode"><img src="img/wireframe_icon.png"></label></span>
85+
<span title="3D glasses!"><input type="checkbox" class="icon" id="threedee"><label for="threedee"><img src="img/3Dglasses_icon.png"></label></span>
86+
<span title="Screenshot"><a class="icon" id="screenshot"><img src="img/screenshot_icon.png"></a></span>
87+
<span title="Opacity On/Custom"><input type="checkbox" class="icon" id="toggleopacitycustom"><label for="toggleopacitycustom"><img src="img/toggle_opacity_icon_oncustom.png"></label></span><br><br>
88+
</div>
89+
</center>
90+
</div>
91+
</div>
92+
</div>
93+
</div>
94+
</div>
95+
<script src="js/pako.js"></script>
96+
<script src="js/jquery-1.6.4.min.js"></script>
97+
<script src="js/jquery-ui-1.8.10.custom.min.js"></script>
98+
<script src="js/bigbrain-ui.js"></script>
99+
<script src="js/brainbrowser/brainbrowser.js"></script>
100+
<script src="js/brainbrowser/core/tree-store.js"></script>
101+
<script src="js/brainbrowser/lib/config.js"></script>
102+
<script src="js/brainbrowser/lib/utils.js"></script>
103+
<script src="js/brainbrowser/lib/events.js"></script>
104+
<script src="js/brainbrowser/lib/loader.js"></script>
105+
<script src="js/brainbrowser/lib/color-map.js"></script>
106+
<script src="js/brainbrowser/surface-viewer.js"></script>
107+
<script src="js/brainbrowser/surface-viewer/lib/three.js"></script>
108+
<script src="js/brainbrowser/surface-viewer/lib/parse-intensity-data.js"></script>
109+
<script src="js/brainbrowser/surface-viewer/modules/annotations.js"></script>
110+
<script src="js/brainbrowser/surface-viewer/modules/color.js"></script>
111+
<script src="js/brainbrowser/surface-viewer/modules/loading.js"></script>
112+
<script src="js/brainbrowser/surface-viewer/modules/rendering.js"></script>
113+
<script src="js/brainbrowser/surface-viewer/modules/views.js"></script>
114+
<script src="js/AnaglyphEffect.js"></script>
115+
<script src="bigbrain-viewer-demo.config.js"></script>
116+
<script src="bigbrain-viewer-demo.js"></script>
117+
</body>
118+
</html>

0 commit comments

Comments
 (0)