Skip to content
Snippets Groups Projects
Commit de48ac70 authored by 채성희's avatar 채성희
Browse files

여러 trangles에 texture mapping 및 html 디자인 수정

parent cdc3db80
Branches
No related tags found
No related merge requests found
Source diff could not be displayed: it is too large. Options to address this: view the blob.
This diff is collapsed.
...@@ -2,20 +2,28 @@ ...@@ -2,20 +2,28 @@
<head> <head>
<title>WebGL Tutorial - Texture Mapping Example</title> <title>WebGL Tutorial - Texture Mapping Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <script type="text/javascript" src="WebGLTextureExample.js"> </script>
<script type="text/javascript" src="WebGLTextureMapping.js"> <link rel="stylesheet" href="style.css">
</script>
</head> </head>
<body onload="main()"> <body onload="main()">
<H1> WebGL - Texture Mapping </H1> <H1> WebGL - Texture Mapping </H1>
<canvas id="helloapicanvas" style="border: none;" width="500" height="500"></canvas> <div>
<button onclick="onClickBasic()" class="click_btn"> basic texture mapping</button>
<button onclick="onClickMultiTexture()" class="click_btn"> Two texture mapping</button>
<button onclick="onClickCubeTexture()" class="click_btn"> Texture mapping to Cube</button>
<canvas id="CubeCanvas" style="border: none;" width="500" height="500"></canvas>
<br>
<div>
<button onclick="AnimationRotate()" class="control_btn"> Animatation Rotate</button>
</div>
<h2> Description</h2>
<p id="description"></p>
<p style="color:cornflowerblue;"> (CC-NC-BY) 2019 SungHee Chae</p> </div>
<p style="color:cornflowerblue;"> (CC-NC-BY) 2019 SungHee Chae</p>
</body> </body>
</html> </html>
\ No newline at end of file
.control_btn{
width: 100px;
background-color: royalblue;
color: white;
border: none;
padding: 15px 0;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px;
cursor: pointer;
}
.click_btn{
width: 120px;
background-color: palevioletred;
color: white;
border: none;
padding: 15px 0;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px;
cursor: pointer;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment