Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Sobel Gradient
ID	4640510532337664
Created	5 years ago, 1605379955103
Updated	2 years ago, 1702249338397
Code	// Updates: // + Placed image in the center with preserved aspect ratio // + Added bias for higher values // + Added consideration for all color values // + Fixed hues to include all color range // + Decreased loading time // + Fixed intensity of lines // + Added option to consider gradient direction // Sobel edge detection // The MAGNITUDE = BRIGHTNESS // The DIRECTION = HUE // Change to true to get a random image each time var USE_RANDOM = true; // Change to false to not consider the // direction of the gradient when coloring var USE_FULL_COLORS = true; function main () { var pjs = this; var Math = pjs.Math; pjs.enableContextMenu(); var imgs = [ "seasonal/snow-crystal1", "seasonal/snow-crystal2", "seasonal/snow-crystal3", "seasonal/xmas-cookies", "seasonal/gingerbread-house", "seasonal/xmas-scene-holly-border", "animals/shark", "animals/birds_rainbow-lorakeets", "animals/butterfly", "animals/butterfly_monarch", "animals/cat", "animals/cheetah", "animals/dog_sleeping-puppy", "animals/dogs_collies", "animals/fox", "animals/horse", "animals/kangaroos", "animals/komodo-dragon", "animals/penguins", "animals/rabbit", "animals/retriever", "animals/snake_green-tree-boa", "animals/spider", "food/bananas", "food/berries", "food/broccoli", "food/brussels-sprouts", "food/cake", "food/chocolates", "food/coffee-beans", "food/croissant", "food/dumplings", "food/fish_grilled-snapper", "food/fruits", "food/grapes", "food/hamburger", "food/ice-cream", "food/mushroom", "food/oysters", "food/pasta", "food/potato-chips", "food/potatoes", "food/shish-kebab", "food/strawberries", "food/sushi", "food/tomatoes", "pixar/buzz", ]; var img = pjs.getImage(imgs[Math.random() * imgs.length \| 0]); if (!USE_RANDOM) { img = pjs.getImage("food/chocolates"); } var imgData = void 0; function paintImage() { pjs.imageMode(pjs.PConstants.CENTER); if (img.width > img.height) { pjs.image(img, pjs.width / 2, pjs.height / 2, pjs.width, pjs.height* img.height / img.width); } else { pjs.image(img, pjs.width / 2, pjs.height / 2, pjs.width * img.width / img.height, pjs.height); } } function captureImageData() { imgData = (pjs.get(0, 0, pjs.width, pjs.height)).imageData.data; } var sx = [ [+1, 0, -1], [+2, 0, -2], [+1, 0, -1] ]; var sy = [ [+1, +2, +1], [0, 0, 0], [-1, -2, -1] ]; function getSobelValue(x, y) { if (x * y * (x - pjs.width + 1) * (y - pjs.height - 1) === 0) { return [0, 0]; } var xValue = 0; var yValue = 0; var l = x + y * pjs.width << 2; for (var x = -1; x <= 1; x ++) { for (var y = -1; y <= 1; y ++) { var pixValue = imgData[l + x * 4 + y * 4 * pjs.height]; xValue += pixValue * sx[y+1][x+1]; yValue += pixValue * sy[y+1][x+1]; var pixValue = imgData[l + x * 4 + y * 4 * pjs.height + 1]; xValue += pixValue * sx[y+1][x+1]; yValue += pixValue * sy[y+1][x+1]; var pixValue = imgData[l + x * 4 + y * 4 * pjs.height + 2]; xValue += pixValue * sx[y+1][x+1]; yValue += pixValue * sy[y+1][x+1]; } } xValue /= 255; yValue /= 255; if (!USE_FULL_COLORS) { xValue = xValue; yValue = yValue; } return [xValue, yValue]; } function hue2rgb(hue) { var r = Math.cos(hue * Math.PI * 4) * 0.5 + 0.5; var g = Math.cos((hue + 1 / 3) * Math.PI * 4) * 0.5 + 0.5; var b = Math.cos((hue + 2 / 3) * Math.PI * 4) * 0.5 + 0.5; return [r, g, b]; } function mag2(x, y) { return x * x + y * y; } var stage = 0; var scanY = 0; var screenPixels = void 0; pjs.strokeWeight(5); function update() { if (stage === 0) { paintImage(); captureImageData(); stage ++; } else if (stage === 1) { pjs.loadPixels(); screenPixels = pjs.imageData.data; stage ++; } else if (stage === 2) { for (var j = 0; j < 30; j ++) { var l = scanY * pjs.width * 4; for (var scanX = 0; scanX < pjs.width; scanX ++) { var grad = getSobelValue(scanX, scanY); var hue = Math.atan2(grad[1], grad[0]) / Math.PI / 2 + 0.5; if (USE_FULL_COLORS) { hue = 0.5; } var brig = Math.sqrt(mag2(grad[0], grad[1])); var col = hue2rgb(hue); screenPixels[l] = col[0] brig * 80; screenPixels[l+1] = col[1] * brig * 80; screenPixels[l+2] = col[2] * brig * 80; l += 4; } scanY ++; if (scanY >= pjs.height) { stage ++; break; } } pjs.point(10, scanY); } else if (stage === 3) { pjs.updatePixels(); stage ++; } } pjs.draw = function () { try { update(); } catch(e) { println(e); } }; } main();
Folds	87,89,90,92,96,98
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO3u0JCfCAw
Votes	168
Spin-Offs	3
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	xacer
Author Name	xacer
Author ID	kaid_936620259368561719366955
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739365279913
Updated	10 months ago, 1739365286984
Source Deleted	unknown