1
- < html >
2
- < head >
3
- < title > Learning WebGL Book Example Codes</ title >
4
- < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css " integrity ="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65 " crossorigin ="anonymous ">
5
- < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js " integrity ="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V " crossorigin ="anonymous "> </ script >
6
- < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js " integrity ="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4 " crossorigin ="anonymous "> </ script >
7
- <!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> -->
8
- < script src ="./jquery.js "> </ script >
9
- </ head >
10
- < body >
11
- < div class ="container ">
12
- < div class ="jumbotron text-center ">
13
- < h1 > Learning WebGL Book Example Code</ h1 >
14
- < p > Contains the example code for the version 1.0 and 2.0.</ p >
15
- </ div >
16
- < div class ="row ">
17
- < h1 > WebGL 1.0</ h1 >
18
- < a href ="./Book example codes/Chapter 3/1.0/3_First WebGL program.html " class ="btn btn-primary "> First WebGL Program</ a >
19
- < a href ="./Book example codes/Chapter 3/1.0/3_shape_aeroplane.html " class ="btn btn-primary "> Aeroplane Shape</ a >
20
- < a href ="./Book example codes/Chapter 3/1.0/3_shape_fox.html " class ="btn btn-primary "> Fox Shape</ a >
21
- < a href ="./Book example codes/Chapter 3/1.0/3_shape_pyramid.html " class ="btn btn-primary "> Pyramid Shape</ a >
22
- </ div >
23
- < div class ="row ">
24
- < h1 > WebGL 2.0</ h1 >
25
- < a href ="./Book example codes/Chapter 3/2.0/3_First WebGL program.html " class ="btn btn-primary "> First WebGL Program</ a >
26
- < a href ="./Book example codes/Chapter 3/2.0/3_shape_aeroplane.html " class ="btn btn-primary "> Aeroplane Shape</ a >
27
- < a href ="./Book example codes/Chapter 3/2.0/3_shape_fox.html " class ="btn btn-primary "> Fox Shape</ a >
28
- < a href ="./Book example codes/Chapter 3/2.0/3_shape_pyramid.html " class ="btn btn-primary "> Pyramid Shape</ a >
29
- </ div >
30
- </ div >
31
- <!--Navigation bar-->
32
- < div id ="nav-placeholder ">
33
-
34
- </ div >
35
- <!-- <script>
36
- $(document).ready(function(){
37
- // $("button").click(function(){
38
- $("#nav-placeholder").load('./navbar.html');
39
- // });
40
- });
41
- </script> -->
42
- <!-- Copyright -->
43
- < div class ="text-center p-4 " style ="background-color: rgba(0, 0, 0, 0.05); ">
44
- © 2023 Copyright:
45
- < a class ="text-reset fw-bold " href ="https://sites.google.com/view/professorsingh/home "> Professor Bhupendra Singh</ a >
46
- </ div >
47
- <!-- Copyright -->
48
- </ body >
49
- <!-- <script src="Hello_WebGL2.0.js"></script></body> -->
1
+ < html >
2
+ < head >
3
+ < title > Learning WebGL Book Example Codes</ title >
4
+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css " integrity ="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65 " crossorigin ="anonymous ">
5
+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js " integrity ="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V " crossorigin ="anonymous "> </ script >
6
+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js " integrity ="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4 " crossorigin ="anonymous "> </ script >
7
+ <!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> -->
8
+ < script src ="./jquery.js "> </ script >
9
+ </ head >
10
+ < body >
11
+ < div class ="jumbotron text-center ">
12
+ < h1 > Learning WebGL Book Example Code</ h1 >
13
+ < p > Contains the example code for the version 1.0 and 2.0.</ p >
14
+ </ div >
15
+ < nav class ="navbar navbar-expand-lg navbar-light bg-light ">
16
+ < a class ="navbar-brand " href ="# "> Navbar</ a >
17
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
18
+ < span class ="navbar-toggler-icon "> </ span >
19
+ </ button >
20
+
21
+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
22
+ < ul class ="navbar-nav mr-auto ">
23
+ < li class ="nav-item active ">
24
+ < a class ="nav-link " href ="./index.html "> Home < span class ="sr-only "> (Chapter 3)</ span > </ a >
25
+ </ li >
26
+ < li class ="nav-item active ">
27
+ < a class ="nav-link " href ="./chapter5.html "> Chapter 5 < span class ="sr-only "> (current)</ span > </ a >
28
+ </ li >
29
+ < li class ="nav-item active ">
30
+ < a class ="nav-link " href ="./chapter6.html "> Chapter 6 < span class ="sr-only "> (current)</ span > </ a >
31
+ </ li >
32
+ < li class ="nav-item active ">
33
+ < a class ="nav-link " href ="./chapter7.html "> Chapter 7 < span class ="sr-only "> (current)</ span > </ a >
34
+ </ li >
35
+ < li class ="nav-item active ">
36
+ < a class ="nav-link " href ="./chapter8.html "> Chapter 8 < span class ="sr-only "> (current)</ span > </ a >
37
+ </ li >
38
+ </ ul >
39
+ </ div >
40
+ </ nav >
41
+ < div class ="container ">
42
+ < div class ="jumbotron text-center ">
43
+ < h3 > Chapter 3 talks about the basics of coding in WebGL.</ h3 >
44
+ </ div >
45
+ < div class ="row ">
46
+ < h1 > WebGL 1.0</ h1 >
47
+ < a href ="./Book example codes/Chapter 3/1.0/3_First WebGL program.html " class ="btn btn-primary "> First WebGL Program</ a >
48
+ < a href ="./Book example codes/Chapter 3/1.0/3_shape_aeroplane.html " class ="btn btn-primary "> Aeroplane Shape</ a >
49
+ < a href ="./Book example codes/Chapter 3/1.0/3_shape_fox.html " class ="btn btn-primary "> Fox Shape</ a >
50
+ < a href ="./Book example codes/Chapter 3/1.0/3_shape_pyramid.html " class ="btn btn-primary "> Pyramid Shape</ a >
51
+ </ div >
52
+ < div class ="row ">
53
+ < h1 > WebGL 2.0</ h1 >
54
+ < a href ="./Book example codes/Chapter 3/2.0/3_First WebGL program.html " class ="btn btn-primary "> First WebGL Program</ a >
55
+ < a href ="./Book example codes/Chapter 3/2.0/3_shape_aeroplane.html " class ="btn btn-primary "> Aeroplane Shape</ a >
56
+ < a href ="./Book example codes/Chapter 3/2.0/3_shape_fox.html " class ="btn btn-primary "> Fox Shape</ a >
57
+ < a href ="./Book example codes/Chapter 3/2.0/3_shape_pyramid.html " class ="btn btn-primary "> Pyramid Shape</ a >
58
+ </ div >
59
+ </ div >
60
+ <!--Navigation bar-->
61
+ < div id ="nav-placeholder ">
62
+
63
+ </ div >
64
+ <!-- <script>
65
+ $(document).ready(function(){
66
+ // $("button").click(function(){
67
+ $("#nav-placeholder").load('./navbar.html');
68
+ // });
69
+ });
70
+ </script> -->
71
+ <!-- Copyright -->
72
+ < div class ="text-center p-4 " style ="background-color: rgba(0, 0, 0, 0.05); ">
73
+ © 2023 Copyright:
74
+ < a class ="text-reset fw-bold " href ="https://sites.google.com/view/professorsingh/home "> Professor Bhupendra Singh</ a >
75
+ </ div >
76
+ <!-- Copyright -->
77
+ </ body >
78
+ <!-- <script src="Hello_WebGL2.0.js"></script></body> -->
50
79
</ html >
0 commit comments