<!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>