-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
464 lines (395 loc) · 33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
<!-- https://www.w3schools.com/w3css/tryw3css_templates_dark_portfolio.htm -->
<!DOCTYPE html>
<html>
<head>
<title>BostonGFX</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="style.js"></script>
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
/* Set the width of the sidebar to 120px */
.w3-sidebar {width: 120px;background: #222;}
/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
#main {margin-left: 120px}
/* Remove margins from "page content" on small screens */
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
</style>
</head>
<body class="w3-black">
<!-- Icon Bar (Sidebar - hidden on small screens) -->
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<!-- Avatar image in top left corner -->
<img src="gfx/logo2.png" style="width:100%">
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>HOME</p>
</a>
<a href="#mission" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-bullseye w3-xxlarge"></i>
<p>MISSION</p>
</a>
<a href="#team" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-user w3-xxlarge"></i>
<p>TEAM</p>
</a>
<a href="#curriculum" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-book w3-xxlarge"></i>
<p>CURRICULUM</p>
</a>
<a href="#showcase" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-tv w3-xxlarge"></i>
<p>SHOWCASE</p>
</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-envelope w3-xxlarge"></i>
<p>CONTACT</p>
</a>
</nav>
<!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="#" class="w3-bar-item w3-button" style="width:25% !important">HOME</a>
<a href="#mission" class="w3-bar-item w3-button" style="width:25% !important">MISSION</a>
<a href="#curriculum" class="w3-bar-item w3-button" style="width:25% !important">CURRICULUM</a>
<a href="#team" class="w3-bar-item w3-button" style="width:25% !important">TEAM</a>
<a href="#contact" class="w3-bar-item w3-button" style="width:25% !important">CONTACT</a>
</div>
</div>
<!-- Page Content -->
<div class="w3-padding-large" id="main">
<!-- Header/Home -->
<header class="w3-container w3-padding-32 w3-center w3-black" id="home">
<h1 class="w3-jumbo"><span class="w3-hide-small">GRAPHICS FOR EVERYBODY</span> </h1>
<img src='gfx/logo2.png' class="w3-image"><span style = "font-size: xx-large;"><hashtag>#GFX<span style='color:cyan'>4</span>ALL</hashtag></span>
<!-- <img src="gfx/logo2.png" alt="boy" class="w3-image" width="992" height="1108"> -->
</header>
<!-- About Section -->
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="mission">
<h2 class="w3-text-light-grey">Mission</h2>
<hr style="width:200px" class="w3-opacity">
<p>
Our program, BostonGFX (GFX==Graphics for Everybody), in partnership with <a href = "https://www.blackinxr.org/" target = "_blank" class= "blackinXRPink">Black-in-XR</a> and <a href = "https://createaccess.org/" target = "_blank" class= "createAccessGreen">CreateAccess</a> aims to equip learners with comprehensive skills in Computer Graphics and XR. We provide interactive learning experiences at UMass Boston, the 3rd most diverse university in the nation with many modest-income and first-generation students.
Our curriculum comprises five hands-on, project-based courses instructing RT3D technologies and Unity. In addition to Computer Graphics and Game Programming with the primary focus, we offer RT3D modules in Software Engineering, Visualization, and UI Design courses.
</p>
<p>
We will host the first Black-in-XR meets BostonGFX workshop/expo at UMass Boston, a free for all event, featuring industry expert presentations. We have confirmed the participation of several experts and are contacting over 90 companies in the Boston area for partnership.
Our goal is to unify our RT3D program at UMass Boston, empowering students for careers in immersive technologies. The expo will allow students to showcase their projects, connecting them with industry professionals.
</p>
</div>
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="team">
<!-- Grid for photos -->
<h2 class="w3-text-light-grey">Team</h2>
<hr style="width:200px" class="w3-opacity">
<h3 class="w3-padding-24 w3-text-light-grey">Organizers</h3>
<div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
<div class="w3-third w3-margin-bottom">
<a href ="https://cs.umb.edu/~fundad" target="_blank"><img src="images/image4.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;" ><b> Funda Durupinar</b></p>
<!-- <p class="w3-opacity">Fri 27 Nov 2016</p> -->
<!-- <button type="button" class="collapsible">Funda Durupinar</button> -->
<div class="content">
<p>Funda is an Assistant Professor of Computer Science at UMass Boston. Her research is at the intersection of computer graphics, artificial intelligence, psychology, and applied perception with a focus on creating expressive, autonomous, and embodied virtual humans. Funda teaches Game Programming, User Interface Design, and Artificial Intelligence. She is an active member of the community, serving on the editorial board of Virtual Reality Journal, editing a special issue of Frontiers in Virtual Reality, and organizing workshops and conferences such as ACM Symposium on Applied Perception (SAP’23).
</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href = "https://danielhaehn.com/" target="_blank"> <img src="images/image10.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Daniel Haehn</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sat 28 Nov 2016</p> -->
<p>Daniel is an Assistant Professor of Computer Science at UMass Boston and an Associate of the Harvard Paulson School of Engineering and Applied Sciences. In 2012, Daniel created the first framework for web-based visualization of medical images (goXTK.org and SliceDrop.com). Since then, Daniel's research focuses on visualization and computer vision. He teaches Computer Graphics, Software Engineering, and Biomedical Imaging very applied with live coding sessions and hands-on delivery of concepts. All of his course materials are openly available and allow students of all levels to succeed.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://www.linkedin.com/in/jasmine-roberts" target="_blank"><img src="images/image11.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Jasmine Roberts</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p>Jasmine Roberts is an engineer, researcher, and cognitive designer in virtual, augmented, and mixed reality. Currently, she is building generative A.I. creative tooling at Microsoft Research and planning to announce an XR startup. Jasmine has worked at PlayStation on PlayStation VR, Unity on Unity MARS, and at Google on ARCore. Jasmine has also been a member of collectives Oculus Launch Pad, Mozilla XR Studio and was honored in 2020 in Forbes Under 30 for Games. She founded Black in XR November 2021.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
</div>
<h3 class="w3-padding-24 w3-text-light-grey">Graduate Students</h3>
<div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
<div class="w3-third w3-margin-bottom">
<a href ="https://www.linkedin.com/in/pablo-bendiksen-11b583127" target="_blank"><img src="images/image5.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;" ><b> Pablo Bendiksen</b></p>
<!-- <p class="w3-opacity">Fri 27 Nov 2016</p> -->
<!-- <button type="button" class="collapsible">Funda Durupinar</button> -->
<div class="content">
<p>Pablo is a PhD Student at UMass Boston researching computer graphics and animation. Pablo holds an MSin Applied Statistics from Boston College. He has BS degrees in Biology, Chemistry, and Psychology, all with cum laude status, from Texas State University. He worked as an Education Data Analyst at Innovations in Urban Science Education (iUSE) and a Business Analyst Intern at EBO Global Innovation Capital, LLC. Pablo is a Teaching Assistant for CS615 User Interface Design and CS670 Artificial Intelligence.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href = "https://ir.linkedin.com/in/mahsa-geshvadi-13233a124" target="_blank"> <img src="images/image8.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Mahsa Geshvadi</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sat 28 Nov 2016</p> -->
<p>Mahsa is a PhD Student at UMass Boston researching computer graphics and visualization perception. Before joining UMass Boston, Mahsa worked as a data scientist in Iran. She also worked as a game developer with the Unity platform on The Blurry Island, a game exploring AI technology and ethics. She received her BS in Computer Engineering from Amirkabir University of Technology in Iran. Mahsa is also the Teaching Assistant for CS460 Graphics.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
</div>
<h3 class="w3-padding-24 w3-text-light-grey">Confirmed Experts</h3>
<div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
<div class="w3-third w3-margin-bottom">
<a href ="https://www.linkedin.com/in/allyssaalewis" target="_blank"><img src="images/image6.jpg" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Allyssa A Lewis</b></p>
<!-- <p class="w3-opacity">Fri 27 Nov 2016</p> -->
<!-- <button type="button" class="collapsible">Funda Durupinar</button> -->
<div class="content">
<p>Allyssa is a Creative Strategist, Recruiter, Career Consultant, and prime-time television EMMY® winning Animator most noted for her animation on over 75 episodes and promos of FX's series "Archer". She also has created content for NBC's "30 Rock", Discovery Channel, Mtv, i am OTHER, Animation Domination, Apple, ComicCon San Diego, Georgia Public Broadcasting (PBS), and Captain Planet's Planeteer Movement. In 2015, Allyssa founded Georgia's first and largest animation resource and staffing agency, My Animation Life (MAL). The team works to find creative strategies and solutions for both studios and independents. Creating Georgia's most inclusive animation map, calendar, and classified listing are just a few of the popular assets MAL provides to strengthen Georgia's animation industry.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href = "https://www.linkedin.com/in/dan-ginsburg-06ab4b" target="_blank"> <img src="images/image9.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Dan Ginsburg</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sat 28 Nov 2016</p> -->
<p>Dan is the founder of Upsample Software, LLC, a software company offering consulting services with a specialization in 3D Graphics and GPU Computing. Dan is also a big fan of cross-platform development and open standards including Vulkan, OpenGL, Qt, and Linux. He co-authored the "OpenGL ES 3.0 Programming Guide, "OpenGL ES 2.0 Programming Guide", "OpenCL Programming Guide" and also contributed to "OpenGL Shading Language: 3rd Edition". As consultant for Valve, Dan worked on popular games such as Half-Life Alyx, Dota Underlords, SteamVR, Dora 2, and many others.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://scholar.harvard.edu/sfrisken/home" target="_blank"><img src="images/image1.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Sarah Frisken</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p> Sarah is Assistant Professor of Radiology at Harvard Medical School and Brigham and Women’s Hospital. Her work at BWH focuses on developing new methods and technologies to improve precision in image-guided neurosurgery. Before joining BWH, Sarah successfully sold her software startup company, 61 Solutions, Inc., which created drawing software for professional artists. Prior to founding 61 Solutions, she was a consultant to Disney Research and Mitsubishi Electric Research Laboratory (MERL), a Professor in Computer Science at Tufts University and a Distinguished Research Scientist and Advisor to Management at MERL. She held postdoctoral positions at MIT and CMU, has a PhD in Electrical Engineering from CMU, an MSc in Biomedical Engineering from U. Wisconsin, Madison, and a BSc in Mathematics and Engineering from Queens University, Canada.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://www.linkedin.com/in/jasmine-roberts" target="_blank"><img src="images/image2.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Felix Gonda</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p>Felix is CEO of Allumique, a graphics and vision-based startup. Prior to completing his PhD at Harvard University, Felix worked as a game developer at Electronic Arts and contributed to Red Alert 3, Boom Blox, Medal of Honor, Medal of Honor Vanguard, Fifa 2015, Madden NFL 2014 and 2015. Felix also worked at Disney Interactive on the Epic Mickey II game and as a Software Design Engineer at Microsoft.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://ca.linkedin.com/in/hdtaskiran" target="_blank"><img src="images/image7.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Dogu Taskiran</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p>Dogu is CEO of Orderinbox, OIX, a revolutionary social commerce platform and NFT marketplace for the age of Metaverse. Prior to OIX, Dogu co-founded Stambol Studios, creative technology studio specializing in hyper-realistic immersive experiences and interactive applications through VR/AR. He co-founded Locopass, an end-to-end location-based content creation and delivery platform for small and medium scale businesses. Dogu also worked at Electronic arts, Microsoft, and Ubisoft, as a Software Engineer.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://margonzalezfranco.github.io/" target="_blank"><img src="images/image3.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Mar Gonzalez-Franco</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p> Mar is a Research Manager at Google creating a new generation of Immersive technologies. She leads the BIRD lab creating blended interactions in XR, that perhaps aim to bring more of the real into the virtual and bridge better 2D and 3D. Her team of special ops explores multi-device futures and ML enabled novel experiences. Before joining Google, she was a Principal Researcher in the EPIC (Extended Perception Interaction and Cognition) team at Microsoft Research. She created and led the Immersive Technologies lab in the UK to research AR, VR, HMDs and Mixed Reality in the context of aeronautic manufacturing. She worked as a Postdoctoral scholar at the Virtual Environments and Computer Graphics group, in the University College London. Mar received her PhD and MS degrees from the Universitat de Barcelona in Immersive Virtual Reality and Clinical Psychology. She was also affiliated as a visiting student at the Massachusetts Institute of Technology, MediaLab.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://cesium.com/team/patrick-cozzi/" target="_blank"><img src="images/image12.png" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b> Patrick Cozzi</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p> Patrick Cozzi, CEO of Cesium, is dedicated to advancing the field of 3D geospatial. He is a recognized expert in 3D graphics and mapping technology, open standards and open-source software. Together with Marc Petit, VP and General Manager, Unreal Engine at Epic Games, Patrick hosts Building the Open Metaverse, a podcast that invites a broad range of technical experts to share their insights on how the community is building the metaverse together.
Patrick was the originator of CesiumJS, an open-source JavaScript library for rendering world-class 3D globes and maps. Patrick originally designed Cesium to visualize satellites in space while working as a Principal Graphics Architect at Analytical Graphics, Inc., an aerospace software company based in Exton, PA. After raising $5M in Series A investment in 2019, Cesium is now its own private entity. A complete platform for 3D geospatial data that includes optimization, visualization, and analytics, Cesium is making an impact across industry and government with applications for digital twins, AEC, smart cities, and more.
A longtime champion of open-source technology, Patrick created the Cesium WebGL engine and 3D Tiles, an OGC Community Standard for streaming massive heterogeneous 3D geospatial datasets. He is co-creator of glTF™, the open-standard 3D runtime asset format that has been adopted by Microsoft®, Google®, Oculus®, and NVIDIA®, among others. He is the former Chair of the Khronos 3D Formats Working Group.
Patrick has authored, edited, or contributed to ten books on mapping, computer graphics, and games, including WebGL Insights and OpenGL Insights, which have been translated to Japanese, and 3D Engine Design for Virtual Globes, which is widely considered the seminal text on the subject.
He is active in the graphics and geospatial communities—facilitating ecosystems and frequently contributing to academic journals and presenting at conferences such as SIGGRAPH and GDC. In 2019, Patrick received the Khronos "Khronie" award for outstanding contributions to open standards.
Patrick taught Computer Science for 8 years at the University of Pennsylvania, where he earned an MSE in computer science. He also completed a CME from Harvard Business School.</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://erich.realtimerendering.com/" target="_blank"><img src="images/image13.jpeg" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Eric Haines</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p> Eric Haines is a software engineer and expert in computer graphics, specifically image rendering. Currently he is with NVIDIA Corporation as Distinguished Engineer. He is a co-author of the book Real-Time Rendering, currently in its fourth edition.
Eric Haines earned an M.S. in 1986 from Cornell University. His thesis was The Light Buffer: A Ray Tracer Shadow Testing Accelerator. An image created by software based on the thesis was used on the September 1986 cover of the IEEE Computer Graphics and Applications journal.
He created the Massive open online course Interactive 3D Graphics in 2013 with Udacity. As of July 2013 it had 30,000 enrolled, with 1300-1700 students active over a given week. He authored a chapter in the book An Introduction to Ray Tracing by Andrew Glassner (ed), 1989. He published a number articles in computer graphics, some of which are included in the Graphics Gems series. He also maintains the Graphics Gems code repository.
Haines was on the editorial board of the Journal of Graphics Tools until 2012, at which time he helped found the Journal of Computer Graphics Techniques. He was the editor of the online forum of experts in ray tracing, Ray Tracing News (1988-2010).
He has pursued multiple personal projects including the Minecraft world mapper and exporter called Mineways.
</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
<div class="w3-third w3-margin-bottom">
<a href ="https://www.linkedin.com/in/bellabaidak/" target="_blank"><img src="images/image14.jpeg" style="width:100%" class="w3-hover-opacity"></a>
<div class="w3-container w3-white">
<p class="collapsible w3-button" style="padding:2px;"><b>Bella Baidak</b></p>
<div class="content">
<!-- <p class="w3-opacity">Sun 29 Nov 2016</p> -->
<p> Bella Baidak is a technical project designer and multidisciplinary researcher. She is also the lead author of the Cell Profiler Analyst Web publication from our initiative. Bella holds an undergraduate degree from UMass Boston and a master's degree from Cornell Tech. She now is Co-Founder and CEO at Project B, a Fashion Tech startup that creates custom-fit garments from 3D body scan data.
</p>
</div>
<!-- <button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Buy Tickets</button> -->
</div>
</div>
</div>
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="curriculum">
<h2 class="w3-text-light-grey">Curriculum</h2>
<hr style="width:200px" class="w3-opacity">
<div class="w3-row-padding" style="margin:0 -16px;">
<!-- <div class="w3-half"> -->
<a href="https://cs460.org" target="_blank"><img src="gfx/CS460.png" style="width:18%; margin:5px;" class="w3-hover-opacity"></a>
<a href="https://cs410.net/" target="_blank"><img src="gfx/CS410.png" style="width:18%;margin:5px;" class="w3-hover-opacity"></a>
<a href="https://cs666.org/" target="_blank"><img src="gfx/CS666.png" style="width:18%;margin:5px;" class="w3-hover-opacity"></a>
<a href="https://sites.google.com/site/fdurupinar/home/teaching/cs461/cs461-23?" target="_blank"><img src="gfx/cs461.png" style="width:18%; margin:5px;" class="w3-hover-opacity"></a>
<a href="https://sites.google.com/site/fdurupinar/home/teaching/cs615/cs615-22?" target="_blank"><img src="gfx/CS615.png" style="width:18%;margin:5px;" class="w3-hover-opacity"></a>
</div>
</div>
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="showcase">
<h2 class="w3-text-light-grey">Student Project Showcase</h2>
<hr style="width:200px" class="w3-opacity">
<h3 class="w3-padding-24 w3-text-light-grey">Publications</h3>
<table>
<tr>
<td align=center>
<a href="https://danielhaehn.com/papers/?baidak2021cellprofiler" target="_blank" style="font-size: large; margin-right:20px;"><img src='images/cpaw.png' style='height:200px'></a><br>
<a href="https://danielhaehn.com/papers/?baidak2021cellprofiler" target="_blank" style="font-size: large; margin-right:20px;">Cell Profiler Analyst Web</a>
</td>
<td>
<a href="https://danielhaehn.com/papers/?burkhardt2022ntools" target="_blank" style="font-size: large; margin-right:20px;"><img src='images/ntools.png' style='height:200px'></a><br>
<a href="https://danielhaehn.com/papers/?burkhardt2022ntools" target="_blank"style="font-size: large;" >N-Tools-Browser</a>
</td>
</tr>
</table>
<h3 class="w3-padding-24 w3-text-light-grey">CS 460 - Computer Graphics</h3>
<table>
<tr>
<td>
<iframe width ="100%" src="https://www.youtube.com/embed/j9oeOGMiXSs" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
<td>
<iframe width ="100%" src="https://www.youtube.com/embed/52TD1RUPNCs" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
</tr>
<tr>
<td>
<iframe width ="100%"src="https://www.youtube.com/embed/oEbEiJsCMxs" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
<td>
<iframe width ="100%" src="https://www.youtube.com/embed/Jxv2-yElxOY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
</tr>
</table>
<h3 class="w3-padding-24 w3-text-light-grey">CS 461 - Game Programming</h3>
<table>
<tr>
<td>
<iframe width="100%" frameborder="0" src="https://tung-duong.com/LeagueOfGuardians/"> Play League of Guardians by Tung Duong</a></iframe>
</td>
<td>
<iframe width="100%" frameborder="0" src="https://itch.io/embed/2077517" ><a href="https://udaya.itch.io/castle-chase">Play Castle Chase by Udaya Sathiyamoorthy</a></iframe>
</td>
</tr>
<tr>
<td>
<iframe width="100%" src="https://www.youtube.com/embed/wCifUZ8DMVg" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
<td>
<iframe width="100%" src="https://www.youtube.com/embed/Fqo5IINi-cA" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
</tr>
<tr>
<td>
<iframe width="100%" src="https://www.youtube.com/embed/2dfySnW92Kw" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
<td>
<iframe width="100%" src="https://www.youtube.com/embed/S_kkBAlrQPY" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- Contact Section -->
<div class="w3-padding-64 w3-content w3-text-grey" id="contact">
<h2 class="w3-text-light-grey">Contact Us</h2>
<hr style="width:200px" class="w3-opacity">
<div class="w3-section">
<p><a href="https://www.cs.umb.edu/contact-us"target="_blank"><i class="fa fa-map-marker fa-fw w3-text-white w3-xxlarge w3-margin-right w3-hover-opacity"></i></a>University of Massachusetts Boston, US</p>
<!-- <p><i class="fa fa-phone fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> Phone: +00 151515</p> -->
<p><a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope fa-fw w3-text-white w3-xxlarge w3-margin-right w3-hover-opacity"></i></a>Email: [email protected]</p>
</div><br>
<!-- <p>Send us a message:</p> -->
<!-- <form action="/action_page.php" target="_blank"> -->
<!-- <p><input class="w3-input w3-padding-16" type="text" placeholder="Name" required name="Name"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Email" required name="Email"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Subject" required name="Subject"></p>
<p><input class="w3-input w3-padding-16" type="text" placeholder="Message" required name="Message"></p> -->
<!-- <p>
<button class="w3-button w3-light-grey w3-padding-large" type="submit">
<i class="fa fa-paper-plane"></i> <a href="mailto:[email protected]" target="_blank">SEND MESSAGE</a>
<!-- <a href="mailto:[email protected]" style='text-decoration: none; color:white'><span id='contact'>Please email us for any questions!<br><br></span></a> -->
<!-- </button> -->
<!-- </p> -->
<!-- </form> -->
<!-- End Contact Section -->
</div>
<!-- Footer -->
<footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">
<i class="fa fa-github w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
<p class="w3-small">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank" class="w3-hover-text-green">w3.css</a></p>
<!-- End footer -->
</footer>
<!-- END PAGE CONTENT -->
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</body>
</html>