├── README.md ├── [10] Image ├── img │ └── BatmanvSuperman.jpg └── index.html ├── [11] Curved Image ├── img │ └── BatmanvSuperman.jpg └── index.html ├── [12] Video ├── index.html └── video │ └── Video.mp4 ├── [13] Video Sphere ├── index.html └── video │ └── SphereVideo.webm ├── [14] Plane ├── img │ └── BatmanvSuperman.jpg └── index.html ├── [15] Object Loading ├── index.html └── models │ ├── pokeball-vray.mtl │ └── pokeball-vray.obj ├── [1] Setting Up └── index.html ├── [2] Drawing A Box └── index.html ├── [3] Transformations └── index.html ├── [4] Textures ├── img │ └── texture.jpg └── index.html ├── [5] Animations ├── img │ └── texture.jpg └── index.html ├── [6] Interacting With Objects ├── img │ └── texture.jpg └── index.html ├── [7] Lighting ├── img │ └── texture.jpg └── index.html ├── [8] Skybox ├── img │ ├── sky.jpg │ └── texture.jpg └── index.html └── [9] Model Loading ├── index.html └── models ├── aztec-temple.mtl ├── aztec-temple.obj ├── tex_temple_02.jpg ├── tex_terrain_02.jpg └── tex_tree_01.jpg /README.md: -------------------------------------------------------------------------------- 1 | # A-Frame WebVR Tutorials 2 | 3 | -------------------------------------------------------------------------------- /[10] Image/img/BatmanvSuperman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[10] Image/img/BatmanvSuperman.jpg -------------------------------------------------------------------------------- /[10] Image/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /[11] Curved Image/img/BatmanvSuperman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[11] Curved Image/img/BatmanvSuperman.jpg -------------------------------------------------------------------------------- /[11] Curved Image/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /[12] Video/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /[12] Video/video/Video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[12] Video/video/Video.mp4 -------------------------------------------------------------------------------- /[13] Video Sphere/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /[13] Video Sphere/video/SphereVideo.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[13] Video Sphere/video/SphereVideo.webm -------------------------------------------------------------------------------- /[14] Plane/img/BatmanvSuperman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[14] Plane/img/BatmanvSuperman.jpg -------------------------------------------------------------------------------- /[14] Plane/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 | -------------------------------------------------------------------------------- /[15] Object Loading/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /[15] Object Loading/models/pokeball-vray.mtl: -------------------------------------------------------------------------------- 1 | # Blender MTL File: 'None' 2 | # Material Count: 5 3 | 4 | newmtl Mat_4 5 | Ns 96.078431 6 | Ka 0.000000 0.000000 0.000000 7 | Kd 1.000000 1.000000 1.000000 8 | Ks 0.100000 0.100000 0.100000 9 | Ni 1.000000 10 | d 1.000000 11 | illum 2 12 | 13 | newmtl VR_Gray 14 | Ns 96.078431 15 | Ka 0.000000 0.000000 0.000000 16 | Kd 0.290000 0.290000 0.290000 17 | Ks 0.000000 0.000000 0.000000 18 | Ni 1.000000 19 | d 1.000000 20 | illum 2 21 | 22 | newmtl VR_Red 23 | Ns 96.078431 24 | Ka 0.000000 0.000000 0.000000 25 | Kd 1.000000 0.000000 0.000000 26 | Ks 0.066667 0.066667 0.066667 27 | Ni 1.000000 28 | d 1.000000 29 | illum 2 30 | 31 | newmtl VR_White 32 | Ns 96.078431 33 | Ka 0.000000 0.000000 0.000000 34 | Kd 1.000000 1.000000 1.000000 35 | Ks 0.066667 0.066667 0.066667 36 | Ni 1.000000 37 | d 1.000000 38 | illum 2 39 | 40 | newmtl VRayMtl 41 | Ns 96.078431 42 | Ka 0.000000 0.000000 0.000000 43 | Kd 0.498039 0.498039 0.498039 44 | Ks 0.000000 0.000000 0.000000 45 | Ni 1.000000 46 | d 1.000000 47 | illum 2 48 | -------------------------------------------------------------------------------- /[1] Setting Up/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /[2] Drawing A Box/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /[3] Transformations/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /[4] Textures/img/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[4] Textures/img/texture.jpg -------------------------------------------------------------------------------- /[4] Textures/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /[5] Animations/img/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[5] Animations/img/texture.jpg -------------------------------------------------------------------------------- /[5] Animations/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /[6] Interacting With Objects/img/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[6] Interacting With Objects/img/texture.jpg -------------------------------------------------------------------------------- /[6] Interacting With Objects/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 42 | 43 | -------------------------------------------------------------------------------- /[7] Lighting/img/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[7] Lighting/img/texture.jpg -------------------------------------------------------------------------------- /[7] Lighting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /[8] Skybox/img/sky.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[8] Skybox/img/sky.jpg -------------------------------------------------------------------------------- /[8] Skybox/img/texture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[8] Skybox/img/texture.jpg -------------------------------------------------------------------------------- /[8] Skybox/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /[9] Model Loading/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /[9] Model Loading/models/aztec-temple.mtl: -------------------------------------------------------------------------------- 1 | # Blender MTL File: 'None' 2 | # Material Count: 3 3 | 4 | newmtl Material.001 5 | Ns 96.078431 6 | Ka 0.000000 0.000000 0.000000 7 | Kd 1.000000 1.000000 1.000000 8 | Ks 0.500000 0.500000 0.500000 9 | Ni 1.000000 10 | d 1.000000 11 | illum 2 12 | map_Kd tex_temple_02.jpg 13 | 14 | newmtl Material_001 15 | Ns 96.078431 16 | Ka 0.000000 0.000000 0.000000 17 | Kd 1.000000 1.000000 1.000000 18 | Ks 0.500000 0.500000 0.500000 19 | Ni 1.000000 20 | d 1.000000 21 | illum 2 22 | map_Kd tex_terrain_02.jpg 23 | 24 | newmtl Material_002 25 | Ns 96.078431 26 | Ka 0.000000 0.000000 0.000000 27 | Kd 1.000000 1.000000 1.000000 28 | Ks 0.500000 0.500000 0.500000 29 | Ni 1.000000 30 | d 1.000000 31 | illum 2 32 | map_Kd tex_tree_01.jpg 33 | -------------------------------------------------------------------------------- /[9] Model Loading/models/tex_temple_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[9] Model Loading/models/tex_temple_02.jpg -------------------------------------------------------------------------------- /[9] Model Loading/models/tex_terrain_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[9] Model Loading/models/tex_terrain_02.jpg -------------------------------------------------------------------------------- /[9] Model Loading/models/tex_tree_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SonarSystems/A-Frame-WebVR-Tutorials/f2db2cfaa564c6e60b3a872c3657bd4d59413e99/[9] Model Loading/models/tex_tree_01.jpg --------------------------------------------------------------------------------