github/scratch-render
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add very basic pen testing to playground

Browse Source
This commit is contained in:
adroitwhiz 2019-04-19 13:44:47 -04:00
parent 924050baaf
commit 05928eb400
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/playground/playground.js
View File

@ -15,12 +15,13 @@ renderer.updateDrawableProperties(drawableID, {
var drawableID2 = renderer.createDrawable('group1'); var drawableID2 = renderer.createDrawable('group1');
var wantBitmapSkin = false; var wantBitmapSkin = false;
var wantPenSkin = false;
// Bitmap (squirrel) // Bitmap (squirrel)
var image = new Image(); var image = new Image();
image.addEventListener('load', () => { image.addEventListener('load', () => {
var bitmapSkinId = renderer.createBitmapSkin(image); var bitmapSkinId = renderer.createBitmapSkin(image);
if (wantBitmapSkin) { if (wantBitmapSkin && !wantPenSkin) {
renderer.updateDrawableProperties(drawableID2, { renderer.updateDrawableProperties(drawableID2, {
skinId: bitmapSkinId skinId: bitmapSkinId
}); });
@ -33,7 +34,7 @@ image.src = 'https://cdn.assets.scratch.mit.edu/internalapi/asset/7e24c99c1b853e
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.addEventListener('load', function () { xhr.addEventListener('load', function () {
var skinId = renderer.createSVGSkin(xhr.responseText); var skinId = renderer.createSVGSkin(xhr.responseText);
if (!wantBitmapSkin) { if (!(wantBitmapSkin || wantPenSkin)) {
renderer.updateDrawableProperties(drawableID2, { renderer.updateDrawableProperties(drawableID2, {
skinId: skinId skinId: skinId
}); });
@ -42,6 +43,27 @@ xhr.addEventListener('load', function () {
xhr.open('GET', 'https://cdn.assets.scratch.mit.edu/internalapi/asset/b7853f557e4426412e64bb3da6531a99.svg/get/'); xhr.open('GET', 'https://cdn.assets.scratch.mit.edu/internalapi/asset/b7853f557e4426412e64bb3da6531a99.svg/get/');
xhr.send(); xhr.send();
if (wantPenSkin) {
var penSkinID = renderer.createPenSkin();
renderer.updateDrawableProperties(drawableID2, {
skinId: penSkinID
});
canvas.addEventListener('click', event => {
let rect = canvas.getBoundingClientRect();
let x = event.clientX - rect.left;
let y = event.clientY - rect.top;
renderer.penLine(penSkinID, {
color4f: [Math.random(), Math.random(), Math.random(), 1],
diameter: 8
},
x - 240, 180 - y, Math.random() * 480 - 240, Math.random() * 360 - 180);
});
}
var posX = 0; var posX = 0;
var posY = 0; var posY = 0;
var scaleX = 100; var scaleX = 100;