scrawl-canvas
Version:
Version 8.9.4 - 19 Nov 2022
46 lines (35 loc) • 1.54 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo Particles 015</title>
<link href="css/normalize.css" rel="stylesheet" />
<link href="css/tests.css" rel="stylesheet" />
</head>
<body>
<h1><a href="index.html">Scrawl-canvas v8</a> - Particles test 015</h1>
<h2>Emitter functionality: generate from existing particle histories</h2>
<canvas
id="mycanvas"
width="600"
height="600"
data-scrawl-canvas
data-base-background-color="azure"
></canvas>
<p id="reportmessage"></p>
<div class="testinfo">
<h4>Test purpose</h4>
<ul>
<li>Create a point emitter which generates new particles that take their initial positions from the history array of existing particles.</li>
<li>Check that the generated particles move only at specific angles (multiples of 60 degrees, all rotated by 15 degrees)</li>
<li>Check that the tween correctly updates the color range for new particles</li>
</ul>
<p><b>Known issue:</b> the Demo in Firefox differs from other browsers as that browser is less tolerant to retaining previous paints during the clear stage of the Display cycle (based on the Cell wrapper's 'clearAlpha' attribute's value).</p>
<p><b>Touch test:</b> not required</p>
<p><a href="../docs/demo/particles-015.html">Annotated code</a></p>
</div>
<script src="particles-015.js" type="module"></script>
</body>
</html>