-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
716 lines (681 loc) · 38.2 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
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Augmonted</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Freelancer CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/custom.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<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-62804096-3', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#page-top">Augmonted</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#documentation">Documentation</a>
</li>
<li class="page-scroll">
<a href="#about">About</a>
</li>
<li class="page-scroll">
<a href="#team">Team Members</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<img height="50%" width="50%" class="img-responsive" src="img/vector_invis.png" alt="">
<div class="intro-text">
<span class="name">Augmonted</span>
<hr class="star-light">
<span class="skills">CSE 190 - Mobile Development<br>Winter 2015</span>
</div>
</div>
</div>
</div>
</header>
<!-- Documentation Grid Section -->
<section id="documentation">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Documentation</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 documentation-item">
<a href="#documentationModal2" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/day1meeting2.jpg" class="img-responsive" alt="">
<p align="center">Week 2</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal3" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/week4board2.jpg" class="img-responsive" alt="">
<p align="center">Week 3</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal4" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/week4meeting1.jpg" class="img-responsive" alt="">
<p align="center">Week 4</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal5" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/take2screenshot.png" class="img-responsive" alt="">
<p align="center">Week 5</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal6" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/uiimage_1.jpg" class="img-responsive" alt="">
<p align="center">Week 6</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal7" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/take2augreal.png" class="img-responsive" alt="">
<p align="center">Week 7</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal8" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/week8_screen.png" class="img-responsive" alt="">
<p align="center">Week 8</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal9" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/week9_img.jpg" class="img-responsive" alt="">
<p align="center">Week 9</p>
</a>
</div>
<div class="col-sm-4 documentation-item">
<a href="#documentationModal10" class="documentation-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/week10_screen.png" class="img-responsive" alt="">
<p align="center">Week 10</p>
</a>
</div>
<h2 align="center"> <a href="https://docs.google.com/document/d/1HuuUjV7T2AkZBa37_7MFpsxv8-dzuBnpZsfVBKMdMP0/edit?usp=sharing">Collaborative Google Doc</a></h2>
</div>
</div>
</section>
<!-- About Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>About Augmonted</h2>
<hr class="star-light">
</div>
</div>
<div class="row">
<div class="videoWrapper">
<iframe id="ytplayer" type="text/html"
src="https://www.youtube.com/embed/16KOnnZLhqU?origin=http://augmonted.github.io"
frameborder="0">
</iframe>
</div>
<div class="col-lg-12">
<p>Augmonted is an augmented reality based combat game, featuring our original Augmon creatures as characters trained by the amount of steps you take calculated through a pedometer. We built this game with the idea of our favorite childhood games in mind, such as Pokemon and Tamagotchi. Our goal was to create a unique experience never done before by implementing our game with augmented reality.<br><br>In addition to these features, we wanted to also try and promote health and wellness by using a simple pedometer to motivate progress in the game. This way, the more steps you take, the more your Augmon character grows and strengthens.<br><br>We believe Augmonted has huge potential in the Android game market because of its unique idea and marketing potential.</p>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="apk-release/augmonted.apk" class="btn btn-lg btn-outline">
<i class="fa fa-download"></i> Download the App!
</a>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Contact Us</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<a href="http://www.linkedin.com/in/jonwho">
<img src="img/linkedin/jon.jpg" class="pic-circle">
</a>
</div>
<div class="col-lg-4">
<a href="http://www.linkedin.com/in/naytunchen">
<img src="img/linkedin/nay.jpg" class="pic-circle">
</a>
</div>
<div class="col-lg-4">
<a href="http://www.linkedin.com/in/jesseyeh">
<img src="img/profile.png" class="pic-circle">
</a>
</div>
<div class="col-lg-4">
<a href="http://www.linkedin.com/in/larrychau">
<img src="img/linkedin/larry.jpg" class="pic-circle">
</a>
</div>
<div class="col-lg-4">
<a href="http://www.linkedin.com/pub/joel-schow/96/b28/b49">
<img src="img/linkedin/joel.jpg" class="pic-circle">
</a>
</div>
<div class="col-lg-4">
<a href="http://www.linkedin.com/in/roshenimalik">
<img src="img/linkedin/rosheni.jpg" class="pic-circle">
</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<!--<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-4">
<h3>Location</h3>
<p>UC San Diego</p>
</div>
<div class="footer-col col-md-4">
<h3>Around the Web</h3>
<ul class="list-inline">
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright © Augmonted 2015
</div>
</div>
</div>
</div>
</footer>-->
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visble-sm">
<a class="btn btn-primary" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Documentation Modals -->
<div class="documentation-modal modal fade" id="documentationModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 2<br></h2>
<h3>1.11 - 1.17</h3>
<hr class="star-primary">
<img src="img/day1meeting2.jpg" class="img-responsive img-centered" alt="">
<h3 align="center">Introductions and Brainstorming</h3>
<p>This week was dedicated to brainstorming our idea for the project. Going into the week we all had different ideas for various types of applications. We were all ambitious and had unique ideas. While deciding, we eventually came upon the decision to implement augmented reality into our application. From there we would either take a more practical or game approach. We decided to create a game application upon further discussion. <br><br>Also during this meeting, we decided upon team member's assigned jobs and areas that member would focus on. After all of this, we came up with our app's name: Augmonted. <br><br>Tasks were assigned and organiazed on Trello. We felt this was the best way to keep track of all assigned tasks, and make sure all work is evenly distributed.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<p>Start Bootstrap</p>
</li>
<li>Dates:
<strong><p>April 2014</p>
</strong>
</li>
<li>Service:
<strong><p>Web Development</p>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 3<br></h2>
<h3>1.18 - 1.24</h3>
<hr class="star-primary">
<img src="img/week4board2.jpg" class="img-responsive img-centered" alt="">
<h3 align="center">Finalizing Our Idea</h3>
<p>After presenting our idea to the class, we quickly got into coming up with an overall theme and flow to our app. We drew out a diagram to represent the flow to our app, which is the image shown above. From this, we were able to develop a concrete general idea of how our app would function. <br><br>We ended up coming up with a flow that acted as so: <br> Facebook Login -> Augmon Homepage -> Augmented Reality Game <br><br>This kept the app simple, and fullly functional. We felt this set up allowed us to fully be able to implement the whole application. During this meeting we also broke down our features list into two parts: Necessary Tasks and Stretch Tasks. The Necessary tasks were features we NEEDED to implement as they were part of the core functionality of our application. While the Stretch Tasks represented things we would like to get done if enough time was left after completing the Necessary Tasks.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 4<br></h2>
<h3>1.25 - 1.31</h3>
<hr class="star-primary">
<img src="img/week4meeting1.jpg" class="img-responsive img-centered" alt="">
<h3 align="center">Research and Learning Unity</h3>
<p>This week one of our members, Jesse, lead all of us in a Unity tutorial where we implemented a simple augmented reality application. From here, it became easier to see our app's final form. The tutorial was simple, however we knew adding more elements to the augmented reality portion of the app would be more complicated. After this, it was easier to think of what was possible to do, and what was out of reach. <br><br>In addition to the augmented reality portion of the app, our Unity skills weren't up to par either. So this week we dedicated to going through all of the online tutorials for Unity to try and improve our skills at using the tool. In the long run, this weeks helped us a lot in becoming familiar with the tool and gave us the ability to work with it with ease in the following weeks.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 5<br></h2>
<h3>2.1 - 2.7</h3>
<hr class="star-primary">
<img src="img/take2screenshot.png" class="img-responsive img-centered" alt="">
<h3>High-Level Design and Starting to Code</h3>
<p>This week was dedicated to our overall design, and the layout and flow of our app. We deided to use FluidUI to get this done, and in the end it worked out very well. We had a full flow by the end of the week that everyone agreed on.<br><br>In the end, we decided to have a main screen displaying our Augmon character with three main pages leading off of it: Our battle scene page with augmented reality, our stats page to show the stats of your Augmon, and our steps page where you can see the process of your current steps.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 6<br></h2>
<h3>2.8 - 2.14</h3>
<hr class="star-primary">
<img src="img/uiimage_1.jpg" class="img-responsive img-centered" alt="">
<h3>Server-side and UI Design</h3>
<p>This week we started getting into the grind of coding. Our server and database were being implemented, both local and online databases. And our UI was starting to take shape. We decided to use Material UI, a Google inspired user interface that was made specifically for android to look like Google's app interface. It worked really well with the overall look of our app. However, we ran into many problems implementing it with Unity. Luckily, we were able to contact a creator of the API, and he helped us fix our bugs. Our app was finally taking shape.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal7" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 7<br></h2>
<h3>2.15 - 2.21</h3>
<hr class="star-primary">
<img src="img/Screenshot_2015-02-26-11-47-29.png" class="img-responsive img-centered" alt="">
<h3>More UI and Augmented Reality</h3>
<p>After our Material UI problems were fixed, we still needed to implement a lot of it into unity. So this week was also dedicated to fixing those problems and moving along with our UI design. This took longer than expected, and was probably our biggest issue taking us a week behind in progress.<br><br>This week was also used to get our Augmented Reality working past just our tutorial stage. It started to take shape with our Cube Augmons showing up on our tracking image. This was the first step towards our final battle scene.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal8" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 8<br></h2>
<h3>2.22 - 2.28</h3>
<hr class="star-primary">
<img src="img/week8_screen.png" class="img-responsive img-centered" alt="">
<h3>Starting to Put it all Together</h3>
<p>Our app was finally starting to take shape, the end product was just in sight. We had finally had a functioning FaceBook login and implemented it both with our server and our UI design. We had also made improvements to our battle scene, giving it better animations and even music. More was to be done to clean both our battle scene, and our server.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal9" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 9<br></h2>
<h3>3.1 - 3.7</h3>
<hr class="star-primary">
<img src="img/week9_img.jpg" class="img-responsive img-centered" alt="">
<h3>Clean Up Week and Pedometer</h3>
<p>After recieving a quick review from the professor, we realized how much we needed to do to improve our battle scene. We were missing a "wow factor" and we had little time to fix it. So, this week was fully dedicated to fixing that issue, and also make our app more customizable to the user's perferances.<br><br>What ended up as a result, was implementation of better models, better animations, and a whole added battle algorithms to fix our lack of a wow factor.<br><br>This week we also finally implemented our pedoemter feature, it requires Android 4.4 KitKat to use, however it was found to be most accurate this way.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="documentation-modal modal fade" id="documentationModal10" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Week 10<br></h2>
<h3>3.8 - 3.11</h3>
<hr class="star-primary">
<img src="img/week10_screen.png" class="img-responsive img-centered" alt="">
<h3>Video, Website, and Polishing</h3>
<p>With only four days left, we needed to create the video, finish the website documentation (what you're reading right now) and polish our app's final features. We ended up implementing a simple health bar system to our augmented reality scene, and also fixed some lingering bugs. This week also included a lot of merging all of our features into one working model. This was harder than it sounded, however once we got done with everything, we finally had our finished product.<br><br>Also we did our video this week, which we will have a link to on this website.</p>
<ul class="list-inline item-details">
<!--<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>-->
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/freelancer.js"></script>
</body>
</html>