37 lines
932 B
HTML
37 lines
932 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Scratch WebGL rendering demo</title>
|
|
</head>
|
|
<body>
|
|
<canvas id="scratch-stage" width="10" height="10" style="border:1px dashed black;"></canvas>
|
|
</body>
|
|
<script src="render-webgl.js"></script>
|
|
<script>
|
|
var canvas = document.getElementById('scratch-stage');
|
|
var renderer = new RenderWebGL(canvas);
|
|
var drawableID = renderer.createDrawable();
|
|
|
|
function drawStep() {
|
|
renderer.draw();
|
|
requestAnimationFrame(drawStep);
|
|
}
|
|
var direction = 90;
|
|
var posX = 0;
|
|
var posY = 0;
|
|
var scale = 100;
|
|
function thinkStep() {
|
|
direction += 0.1;
|
|
|
|
var props = {};
|
|
//props.position = [posX, posY];
|
|
props.direction = direction;
|
|
//props.scale = 100;
|
|
|
|
renderer.updateDrawableProperties(drawableID, props);
|
|
}
|
|
drawStep();
|
|
setInterval(thinkStep, 1/60);
|
|
</script>
|
|
</html> |