pixi-cull
Version:
a library to visibly cull objects designed to work with pixi.js
62 lines (56 loc) • 2.36 kB
HTML
<html>
<head>
<title>pixi-cull example</title>
<link rel="stylesheet" href="index.css" type="text/css">
<script src="index.js"></script>
</head>
<body>
<div class="container">
<canvas class="pixi"></canvas>
<div class="controls">
<div class="title">pixi-cull</div>
<div>Cull Types</div>
<div class="choices">
<div>
<label>
<input value="simple" name="cull-types" type="radio" checked />
simple
</label>
</div>
<div>
<label>
<input value="hash" name="cull-types" type="radio" />
hash
</label>
</div>
<div>
<label>
<input value="none" name="cull-types" type="radio" />
none
</label>
</div>
</div>
<div style="margin: 1rem 0">
<div>Visible dots: <span class="visible"></span></div>
<div>Culled dots: <span class="culled"></span></div>
<div>Total dots: <span class="total"></span></div>
</div>
<div class="buckets">
<div>Visible Buckets: <span class="visible-buckets"></span></div>
<div>Culled Buckets: <span class="culled-buckets"></span></div>
<div>Total Buckets: <span class="total-buckets"></span></div>
<div class="hash">
<div style="margin-top: 0.5rem">Sparseness: <span class="sparseness-buckets"></span></div>
<div>Average Size: <span class="average-bucket"></span></div>
<div>Largest Bucket: <span class="largest-bucket"></span></div>
</div>
<div class="checkbox"><label><input class="simple-test" type="checkbox"
checked>options.simpleTest</label>
</div>
</div>
<div class="checkbox"><label><input class="dirty-test" type="checkbox" checked>options.dirtyTest</label>
</div>
</div>
<div class="instructions fade">Pinch and drag to move the viewport</div>
</body>
</html>