svg beste
This commit is contained in:
@ -10,6 +10,7 @@
|
||||
|
||||
<script src="libraries/p5.min.js"></script>
|
||||
<script src="libraries/p5.sound.min.js"></script>
|
||||
<script src="libraries/p5.svg.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
2589
libraries/p5.svg.js
Normal file
2589
libraries/p5.svg.js
Normal file
File diff suppressed because it is too large
Load Diff
12
sketch.js
12
sketch.js
@ -11,7 +11,7 @@ let countV = 520;
|
||||
function preload() {
|
||||
img = loadImage('/assets/mona-lisa.jpg');
|
||||
for (let i = 0; i < count; i++)
|
||||
morphs[i] = loadImage(`/assets/morphs/${i}.png`);
|
||||
morphs[i] = loadSVG(`/assets/morphs/${i}.svg`);
|
||||
}
|
||||
|
||||
function setup() {
|
||||
@ -96,15 +96,17 @@ function setup() {
|
||||
}
|
||||
console.log(averages2);
|
||||
|
||||
resizeCanvas(countV*2, countH);
|
||||
image(img, 0, 0);
|
||||
//resizeCanvas(countV*2, countH);
|
||||
let svgCanvas = createGraphics(countV*2,countH,SVG);
|
||||
svgCanvas.image(img, 0, 0);
|
||||
|
||||
|
||||
imageMode(CORNER);
|
||||
for (let i = 0; i < countH/10; i++) {
|
||||
for (let j = 0; j < countV/10; j++) {
|
||||
image(morphs[orderedMorphs[averages2[i][j]]], j*size+countV+size, i*size, size, size);
|
||||
svgCanvas.image(morphs[orderedMorphs[averages2[i][j]]], j*size+countV+size, i*size, size, size);
|
||||
}
|
||||
}
|
||||
svgCanvas.save("mona-lisa.svg");
|
||||
|
||||
describe('Mona lisa - by Davincci');
|
||||
}
|
||||
Reference in New Issue
Block a user