11< html >
2-
3- < head >
4- < title > office-vr</ title >
5- < meta charset ="utf-8 " />
6- < link rel ="apple-touch-icon " href ="favicon.png ">
7- < link rel ="apple-touch-startup-image " href ="favicon.png ">
8- < meta name ="apple-mobile-web-app-title " content ="Office VR ">
9- < meta name ="apple-mobile-web-app-capable " content ="yes ">
10- < meta name ="apple-mobile-web-app-status-bar-style " content ="black ">
11- < meta name ="mobile-web-app-capable " content ="yes ">
12- < link rel ="icon " type ="image/png " href ="favicon.png ">
13- < meta http-equiv ="X-UA-Compatible " content ="IE=edge,chrome=1 ">
14- < meta name ="description " content ="Office Desk Simulation application(webapp) is a VR application built using A-FRAME. It basically provided a Office Desk virtual reality experience to the user. ">
15- < meta name ="keywords " content ="office,vr ">
16- < meta content ='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 ' name ='viewport '>
17- < meta name ="viewport " content ="width=device-width ">
18- < script src ="vendor.js "> </ script >
19- < script src ="preapp.js "> </ script >
20- </ head >
21-
22- < body >
23- < a-scene building-main-gate log ="Hello, Scene! ">
24- <!-- Assets -->
25- < a-assets >
26- < a-asset-item id ="buildingObj " src ="assets/office-building.obj "> </ a-asset-item >
27- < a-asset-item id ="buildingMtl " src ="assets/office-building.mtl "> </ a-asset-item >
28- < a-mixin id ="checkpoint "> </ a-mixin >
29- < a-mixin id ="checkpoint-hovered " color ="#6CEEB5 "> </ a-mixin >
30- < a-mixin id ="noticeBoardInfo " text ="align: center; width: 6;
31- value: See Notice Board "> </ a-mixin >
32- </ a-assets >
33-
34- <!-- Object model of Office -->
35- < a-obj-model src ="#buildingObj " mtl ="#buildingMtl "> </ a-obj-model >
36-
37- < a-entity >
38- < a-camera id ="sceneCamera " scene-name ='out ' rotation ="6 0 0 " position ="0 -1 4 " user-height ="1.1 " wasd-controls universal-controls ="movementControls: checkpoint " checkpoint-controls ="mode: animate ">
39- < a-cursor position ="0 0 -1 "> </ a-cursor >
40- </ a-camera >
41- </ a-entity >
42-
43- <!-- Checkpoint container
44- <a-entity position="0 0 3.6">
45- <a-entity wasd-controls camera universal-controls="movementControls: checkpoint" checkpoint-controls="mode: animate">
46- <a-entity cursor position="0 0 -0.5" geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03;" material="color: #CCC; shader: flat;">
47- </a-entity>
48-
49- </a-entity>
502
51- </a-entity>-->
52-
53- <!-- Checkpoints -->
54- < a-entity >
55- <!-- Main Gate -->
56- < a-box checkpoint ="offset: 0 0 0 " id ="main-gate-entry " main-gate-entry ="" depth ="0 " width ="0.290 " height ="0.220 " position ="0 0.1 0.600 " color ="#6F7073 " material ="opacity: 0; transparent: true "> </ a-box >
3+ < head >
4+ < title > office-vr</ title >
5+ < meta charset ="utf-8 " />
6+ < link rel ="apple-touch-icon " href ="favicon.png ">
7+ < link rel ="apple-touch-startup-image " href ="favicon.png ">
8+ < meta name ="apple-mobile-web-app-title " content ="Office VR ">
9+ < meta name ="apple-mobile-web-app-capable " content ="yes ">
10+ < meta name ="apple-mobile-web-app-status-bar-style " content ="black ">
11+ < meta name ="mobile-web-app-capable " content ="yes ">
12+ < link rel ="icon " type ="image/png " href ="favicon.png ">
13+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge,chrome=1 ">
14+ < meta name ="description " content ="Office Desk Simulation application(webapp) is a VR application built using A-FRAME. It basically provided a Office Desk virtual reality experience to the user. ">
15+ < meta name ="keywords " content ="office,vr ">
16+ < meta content ='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 ' name ='viewport '>
17+ < meta name ="viewport " content ="width=device-width ">
18+ < script src ="vendor.js "> </ script >
19+ < script src ="preapp.js "> </ script >
20+ </ head >
21+
22+ < body >
23+ < a-scene load-custom-scene log ="Hello, Scene! ">
24+ <!-- Assets -->
25+ < a-assets >
26+ < a-asset-item id ="officeObj " src ="assets/office.obj "> </ a-asset-item >
27+ < a-asset-item id ="officeMtl " src ="assets/office.mtl "> </ a-asset-item >
28+ < a-asset-item id ="employeeObj " src ="assets/Nicole_Bonnet.obj "> </ a-asset-item >
29+ < a-asset-item id ="employeeMtl " src ="assets/Nicole_Bonnet.mtl "> </ a-asset-item >
30+ < video id ="carrer_vid " muted playsinline src ="assets/CarrerCognizant.mp4 " crossorigin ="anonymous " webkit-playsinline > </ video >
31+ < audio id ="carrer_audio " src ="assets/CarrerCognizant.mp3 "> </ audio >
32+ < a-mixin id ="checkpoint "> </ a-mixin >
33+ < a-mixin id ="checkpoint-hovered " color ="#6CEEB5 "> </ a-mixin >
34+ < a-mixin id ="noticeBoardInfo " text ="align: center; width: 6;
35+ value: See Notice Board "> </ a-mixin >
36+ < img id ="know-about-cts " src ="assets/know-about-cts.PNG ">
37+ </ a-assets >
38+
39+
40+ <!-- Object model of Office -->
41+ < a-obj-model src ="#officeObj " mtl ="#officeMtl "> </ a-obj-model >
42+ < a-entity position ="18 0 -3.407 " rotation ="0 46 0 " scale ="1 0.75 1 " obj-model ="obj: #employeeObj; mtl: #employeeMtl "> </ a-entity >
43+
44+ <!-- Checkpoint container -->
45+ < a-entity position ="20.952 1 2.447 " rotation ="0 50 0 " wasd-controls id ="sceneCamera " scene-name ='in ' camera ="userHeight: 1.6 "
46+ universal-controls ="movementControls: checkpoint " checkpoint-controls ="mode: animate ">
47+
48+ < a-entity cursor position ="0 0 -1 " geometry ="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03; " material ="color: #CCC; shader: flat; ">
5749 </ a-entity >
58-
59-
60- < a-entity id ="outdoor " material ="opacity: 0; transparent: true " geometry ="primitive: plane "
61- position ="0 0 4 " sound ="src: url(assets/building-outdoor.mp3); autoplay: true; loop: true "> </ a-entity >
62-
63- <!-- Sky -->
64- < a-sky color ="#456288 "> </ a-sky >
65-
66-
67-
68- </ a-scene >
69- </ body >
70-
71- </ html >
50+ < a-image src ="assets/fire_notice.png " id ="notice_image1 " visible ="false " position ="0.7 0 -1 "> </ a-image >
51+ < a-image src ="assets/Nov_Cal.png " id ="notice_image2 " visible ="false " position ="0.7 0 -1 "> </ a-image >
52+ < a-image src ="assets/ideas.jpg " id ="notice_image3 " visible ="false " position ="0.7 0 -1 "> </ a-image >
53+ </ a-entity >
54+ < a-entity id ="office-welcome " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="-2.41 0 -1.24 "
55+ sound ="src: url(assets/welcome.mp3); autoplay: false "> </ a-entity >
56+
57+ < a-entity id ="office-desk1 " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="-2.41 0 -1.24 "
58+ sound ="src: url(assets/Office Ambience.mp3); autoplay: false; loop: true "> </ a-entity >
59+
60+ < a-entity id ="office-desk2 " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="-2.41 0 -11.392 "
61+ sound ="src: url(assets/Office Ambience.mp3); autoplay: false; loop: true "> </ a-entity >
62+
63+ < a-entity id ="front-office-desk " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="11.27 0 -4.50 "
64+ sound ="src: url(assets/Office Ambience.mp3); autoplay: false; loop: true "> </ a-entity >
65+
66+ < a-entity id ="meeting-room " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="6.292 0 10.15 "
67+ sound ="src: url(assets/Office Ambience.mp3); autoplay: false; loop: true "> </ a-entity >
68+
69+ < a-entity id ="conference-desk " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="-7.43 0 10.15 "
70+ sound ="src: url(assets/Office Ambience.mp3); autoplay: false; loop: true "> </ a-entity >
71+
72+ < a-entity id ="rest-room " material ="opacity: 0; transparent: true " geometry ="primitive: plane " position ="-40.686 -3.914 -6.280 "
73+ sound ="src: url(assets/rest-room.mp3); autoplay: false; loop: true "> </ a-entity >
74+
75+ <!-- Checkpoints -->
76+ < a-entity position ="1 0 1 ">
77+ <!-- Notice Board -->
78+ < a-entity id ="notice-board-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 0 0 "
79+ material ="side:double; color:#39BB82 " position ="3.3 2.601 -8 "> </ a-entity >
80+ < a-cylinder id ="notice-board-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="3.368 0.852 -8.119 " color ="#39BB82 "> </ a-cylinder >
81+ <!-- Lobby -->
82+ < a-entity id ="lobby-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
83+ material ="side:double; color:#39BB82 " position ="12.46 1.2 0.443 "> </ a-entity >
84+ < a-cylinder id ="lobby-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="12.084 0 0.346 " color ="#39BB82 "> </ a-cylinder >
85+ <!-- Home -->
86+ < a-entity id ="home-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
87+ material ="side:double; color:#39BB82 " position ="3.3 1.2 0 "> </ a-entity >
88+ < a-cylinder id ="home-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="3.368 0 0 " color ="#39BB82 "> </ a-cylinder >
89+ <!-- Toilet(outside) -->
90+ < a-entity id ="tlt-out-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
91+ material ="side:double; color:#39BB82 " position ="-7.95 1.2 1.546 "> </ a-entity >
92+ < a-cylinder id ="tlt-out-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="-8.0 0 1.546 " color ="#39BB82 "> </ a-cylinder >
93+ <!-- Toilet(inside) -->
94+ < a-entity id ="tlt-in-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
95+ material ="side:double; color:#39BB82 " position ="-11.661 1.2 -0.624 "> </ a-entity >
96+ < a-cylinder id ="tlt-in-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="-11.661 0 -0.624 " color ="#39BB82 "> </ a-cylinder >
97+ <!-- Meeting Room(inside) -->
98+ < a-entity id ="meeting-in-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 180 0 "
99+ material ="side:double; color:#39BB82 " position ="-6.05 1.2 3.686 "> </ a-entity >
100+ < a-cylinder id ="meeting-in-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="-6.001 0 4.425 " color ="#39BB82 "> </ a-cylinder >
101+ <!-- Meeting Room(outside) -->
102+ < a-entity id ="meeting-out-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 0 0 "
103+ material ="side:double; color:#39BB82 " position ="-8.93 1.556 4.512 "> </ a-entity >
104+ < a-cylinder id ="meeting-out-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="-8.168 0 3.878 " color ="#39BB82 "> </ a-cylinder >
105+ <!-- Meeting Room Seat -->
106+ < a-entity id ="meeting-seat-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
107+ material ="side:double; color:#39BB82 " position ="-12.880 2.968 8.692 "> </ a-entity >
108+ < a-cylinder id ="meeting-seat-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="-12.880 1.154 8.692 " color ="#39BB82 "> </ a-cylinder >
109+ <!-- Manager Room(inside) -->
110+ < a-entity id ="manager-in-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
111+ material ="side:double; color:#39BB82 " position ="2.763 1 3.470 "> </ a-entity >
112+ < a-cylinder id ="manager-in-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="2.965 0 4.425 " color ="#39BB82 "> </ a-cylinder >
113+ <!-- Manager Room(outside) -->
114+ < a-entity id ="manager-out-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 0 0 "
115+ material ="side:double; color:#39BB82 " position ="5.14 1.2 4.669 "> </ a-entity >
116+ < a-cylinder id ="manager-out-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="4.993 0 3.878 " color ="#39BB82 "> </ a-cylinder >
117+ <!-- Manager Visitor Desk -->
118+ < a-entity id ="manager-seat-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 0 0 "
119+ material ="side:double; color:#39BB82 " position ="5.924 2.5 8.718 "> </ a-entity >
120+ < a-cylinder id ="manager-seat-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="5.924 0.849 8.718 " color ="#39BB82 "> </ a-cylinder >
121+ <!-- Exit office -->
122+ < a-entity id ="exit-tr " geometry ="primitive:triangle; vertexA:0 0.5 0; vertexB:-0.5 -0.5 0;vertexC:0.5 -0.5 0 " rotation ="180 90 0 "
123+ material ="side:double; color:#39BB82 " position ="20 2 -3.01 "> </ a-entity >
124+ < a-cylinder id ="exit-chk " checkpoint ="offset: 0 1.6 0 " radius ="1 " height ="0.1 " position ="20.846 0 -3.446 " color ="#39BB82 "> </ a-cylinder >
125+
126+ </ a-entity >
127+ < a-entity id ="monitor " visible ="false " on-projector geometry ="primitive:plane; width:0.7; height: 0.5 " rotation ="0 -75 0 "
128+ position ="-9.32 1.932 8.934 " material ="opacity:0.0; transparent:true ">
129+ </ a-entity >
130+ < a-image geometry ="primitive:plane; width:0.7; height: 0.5 " rotation ="-4.354 -72.021 2.979 " position ="-9.235 1.932 8.934 "
131+ src ="#know-about-cts "> </ a-image >
132+
133+ < a-entity id ="projector ">
134+ < a-video id ="aframe_video " scale ="2 1.8 2 " loop ="false " src ="#carrer_vid " width ="3 " height ="2 " rotation ="0 -90 0 " position ="0.758 2.405 9.875 "> </ a-video >
135+ < a-sound id ="videoSound " loop ="false " material ="opacity: 0; transparent: true " position ="0.758 2.405 9.875 " src ="#carrer_audio "
136+ autoplay ="false " volume ="3 "> </ a-sound >
137+ </ a-entity >
138+ <!-- Info texts -->
139+ < a-text id ="notice-board-txt " position ="4.14 3.3 -7 " color ="red " mixin ="noticeBoardInfo " font ="kelsonsans "> </ a-text >
140+
141+ <!-- Lighting -->
142+ < a-light type ="ambient " color ="#fff "> </ a-light >
143+
144+ <!-- Sky -->
145+ < a-sky color ="#6EBAA7 "> </ a-sky >
146+ </ a-scene >
147+ </ body >
72148
149+ </ html >
0 commit comments