42 lines
1004 B
HTML
42 lines
1004 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- Load the Paper.js library -->
|
|
<script type="text/javascript" src="paper-full.js"></script>
|
|
<script type="text/javascript" src="textured3d.js"></script>
|
|
<script type="text/javascript" src="offset.js"></script>
|
|
<script type="text/javascript" src="stackblur.js"></script>
|
|
<script type="text/javascript" src="three.js"></script>
|
|
<script type="text/javascript" src="modifier.js"></script>
|
|
|
|
<script type="text/javascript" src="veingen3d.js"></script>
|
|
|
|
<style>
|
|
.smallcanvas {
|
|
width: 300px;
|
|
height: 300px;
|
|
border:1px solid #ddd;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
#three {
|
|
width: 906px;
|
|
height: 500px;
|
|
border:1px solid #ddd;
|
|
float: none;
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<canvas class="smallcanvas" id="grower"></canvas>
|
|
<canvas class="smallcanvas" id="bump"></canvas>
|
|
<canvas class="smallcanvas" id="diff"></canvas>
|
|
<canvas class="smallcanvas" id="gloss"></canvas>
|
|
<div class="largecanvas" id="three"></div>
|
|
</body>
|
|
</html>
|
|
|