-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathindex.html
170 lines (161 loc) · 11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>vA3C</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Visualize AEC Building Models in any web browser with Three.js">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">vA3C</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li>
<a href="/viewer/">3D Viewer</a>
</li>
<li>
<a href="https://github.com/va3c/json">JSON Models</a>
</li>
<li><a href="#team">Team</a></li>
</ul>
</div>
<div class="pull-right text-right">
<ul class="nav pull-right">
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<a href="https://github.com/va3c/va3c.github.io"><img style="position: relative; top: 0; right: 0; border: 0; float:right;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
</div>
<div class="row-fluid tagline text-center pagination-centered">
<h1 style="padding-top:100px;">Web Viewer for AEC Models</h1>
<p>Visualize your Architecture, Engineering, Construction (AEC) Building Models on any web browser using Three.js. <br>
This project was developed at the AEC Technology Symposium + Hackathon in New York City May 2014.
</p>
<div style="padding:25px">
<a class="btn btn-large pagination-centered" href="./viewer/index.html" title="The original prize-winning entry" >3D VIEWER R1</a>
<a class="btn btn-large pagination-centered" href="./viewer/va3c-viewer-html5/latest/index.html" title="The latest update" >3D VIEWER R7</a>
<a class="btn btn-large pagination-centered" href="./viewer/va3c-hacker/latest/index.html" title="The latest, most disruptive update" >vA3C Hacker</a>
</div>
</div>
<!-- /container -->
<hr>
<div class="row-fluid text-center">
<div class="span3" style="display: block;">
<a href="https://github.com/va3c/RvtVa3c"><img src="https://s3.amazonaws.com/media.jetstrap.com/t5iFnkOSjKHBSrP9mKFj_revit.png" width="150px"></a>
<h3>Revit</h3>
<p>JSON Exporter Plugin</p>
</div>
<div class="span3" style="display: block;">
<a href="https://github.com/va3c/GHva3c"><img src="https://s3.amazonaws.com/media.jetstrap.com/AIE3kA6YRiGxhHntQswI_rhino.jpg" width="150px"></a>
<h3>Grasshopper</h3>
<p>JSON Exporter Plugin</p>
</div>
<div class="span3">
<a href="https://github.com/va3c/maxscriptVa3c"><img src="https://s3.amazonaws.com/media.jetstrap.com/t0iVBn9WSAqGX5cynEQQ_3dsMax.png" width="150px"></a>
<h3>3DS Max</h3>
<p>JSON Exporter MAX Script</p>
</div>
<div class="span3">
<a href="https://github.com/va3c/viewer/blob/gh-pages/va3c-viewer.js#L57-L70"><img src="https://s3.amazonaws.com/media.jetstrap.com/1WYxUwdZSme1BkDeSPYv_sketchup.png" width="150px"></a>
<h3>Sketchup</h3>
<p>Export to DAE Collada & View</p>
</div>
</div>
<hr>
<a name="about"></a>
<h3 style="padding-top:25px" class="text-center">
About vA3C
</h3>
<div class="row-fluid text-center">
<p>
vA3C is an open source, browser-based 3D model viewer for AEC models that uses THREE.js to render 3D geometry in the browser. vA3C allows authors in the AEC industry to easily publish their 3D design work on the web, for free. <br><br><br>
There are two primary goals for vA3C. <br><br>
Goal #1: provide the AEC industry with an easy, free, and open source means of publishing 3D content on the web. The vA3C platform allows users to export .json files from common AEC authoring applications - using open source plugins developed by the vA3C team - that can be opened with the vA3C viewer. The viewer comes in two flavors. One is a full page web application served from github.io that can open .json files from a user’s machine (or various other web storage providers). The second flavor is an embeddable viewer that can be included in any html page, and open a hosted .json file. Both viewers will provide a minimal user interface to allow for easy model navigation and intuitive element investigation. <br><br>
Goal #2: build a general, extensible viewer app that can be forked to build more bespoke, use-case-specific applications. Besides it’s out of the box functionality as a model viewer, vA3C can be seen as a foundation project that is meant to be forked by power users to build other apps; the viewer can be easily customized, extended, hacked. vA3C should provide the lowest common denominator in terms of it’s UI and code base. It should have all of the features that all good AEC viewers should have, and ideally, nothing more. Which of course begs the question - what features should all AEC model viewers have? Opinions vary from camp to camp, and pinning down this specification is likely going to be one of the most challenging aspects of the project. <br><br><br>
So why are we building this? What’s the point? <br><br>
There is an incredible amount of knowledge built up in even the most typical [AEC] 3D models - geometrical and architectural relationships, BIM information, relationships between various building systems, etc. Compared to the abundance of this three-dimensionally-encoded knowledge that is being created continuously by the AEC industry, it remains relatively difficult for an author to share a thought in 3D with an audience of any size. It is easy to author 3D models, and difficult to publish them. <br><br>
AEC wants to embrace 3D/4D in the browser, but everyone who wants to publish 3D content - designy architects, super fussy builders, stuffy old engineers, egomaniacal owners -- everyone - needs something a little different in terms of user interface, or they need a database on the back end, or whatever. As an industry, we need a free, open source solution that we can customize to suit all of our respective needs. vA3C aims to provide just that - a solid foundation that can be built upon by the other hackers in the industry - by developing an extensible, easy to use web viewer for AEC models.
</p>
</div>
<a name="team"></a>
<hr>
<h3 style="padding-top:25px" class="text-center">
Team
</h3>
<div class="row-fluid text-center">
<div class="offset3 span6">
<table class="table table-striped">
<tbody>
<tr><th>NAME</th><th>ORGANIZATION</th><th>PROJECT</th><th>GITHUB</th></tr>
<tr><td>Benjamin Howes</td><td>Thornton Tomasetti</td><td>Grasshopper, Viewer</td><td>howesben</td></tr>
<tr><td>Charlie Portelli</td><td>KPF Architects</td><td>Grasshopper</td><td>CharlieP</td></tr>
<tr><td>Femi King</td><td>Self Employed</td><td>Viewer</td><td>femik</td></tr>
<tr><td>Jeremy Tammik</td><td>Autodesk</td><td>Revit</td><td>jeremytammik</td></tr>
<tr><td>Jonatan Schumacher</td><td>Thornton Tomasetti</td><td>Grasshopper, Viewer</td><td>JonatanS</td></tr>
<tr><td>Josh Wentz</td><td>DOE Energy Efficient Buildings Hub</td><td>Viewer</td><td>joshwentz</td></tr>
<tr><td>Kevin Vandecar</td><td>Autodesk</td><td>3DS Max</td><td>kevinvandecar</td></tr>
<tr><td>Matt Mason</td><td>IMAGINiT Technologies</td><td>Revit</td><td>mattmas</td></tr>
<tr><td>Theo Armour</td><td>Designer</td><td>Viewer</td><td>theo-armour</td></tr>
<tr><td>Zach Flanders</td><td>BNIM Architects</td><td>Viewer</td><td>zachflanders</td></tr>
</tbody>
</table>
</div>
</div>
<div>
<p class="text-center">
</p>
</div>
<hr>
<div>
<p class="text-center">
<a href="http://thebuildingcoder.typepad.com/blog/2014/05/aec-hackathon-from-the-midst-of-the-fray.html" target="_blank">Snapshot from the Midst of the Fray</a>
|
<a href="http://enr.construction.com/video/?video_uuid=yjeodw81&categoryId=39093" target="_blank">Video: AEC Tech Hackathon 2014: Overview</a>
|
<a href="http://enr.construction.com/video/?video_uuid=yjeodw81&categoryId=39093" target="_blank" >Video: AEC Tech Hackathon 2014: Up Close</a>
</p>
<p class="text-center">
<a href="http://core.thorntontomasetti.com/aec-technology-symposium-2014/" target="_blank">Core Studio: AEC Technology Symposium 2014</a>
|
<a href="https://www.hackerleague.org/hackathons/aec-technology-hackathon-2014" target="_blank">Hacker League: AEC Technology Hackathon 2014</a>
</p>
<p class="text-center">
Special thanks to the open source software libraries & tools that made vA3C possible:
<a href="https://github.com/mrdoob/three.js/blob/master/LICENSE" target="_blank">Three.js</a>
|
<a href="https://github.com/github" target="_blank">GitHub</a>
|
<a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">Bootstrap</a>
|
<a href="https://jquery.org/license/" target="_blank">jQuery</a>
</p>
<p class="text-center">
<a href="https://github.com/vA3C/va3c.github.io/blob/master/LICENSE" target="_blank">Open Source MIT License</a>
</p>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51163876-1', 'va3c.github.io');
ga('send', 'pageview');
</script>
</body>
</html>