svg beste
This commit is contained in:
@ -10,6 +10,7 @@
|
|||||||
|
|
||||||
<script src="libraries/p5.min.js"></script>
|
<script src="libraries/p5.min.js"></script>
|
||||||
<script src="libraries/p5.sound.min.js"></script>
|
<script src="libraries/p5.sound.min.js"></script>
|
||||||
|
<script src="libraries/p5.svg.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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() {
|
function preload() {
|
||||||
img = loadImage('/assets/mona-lisa.jpg');
|
img = loadImage('/assets/mona-lisa.jpg');
|
||||||
for (let i = 0; i < count; i++)
|
for (let i = 0; i < count; i++)
|
||||||
morphs[i] = loadImage(`/assets/morphs/${i}.png`);
|
morphs[i] = loadSVG(`/assets/morphs/${i}.svg`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function setup() {
|
function setup() {
|
||||||
@ -96,15 +96,17 @@ function setup() {
|
|||||||
}
|
}
|
||||||
console.log(averages2);
|
console.log(averages2);
|
||||||
|
|
||||||
resizeCanvas(countV*2, countH);
|
//resizeCanvas(countV*2, countH);
|
||||||
image(img, 0, 0);
|
let svgCanvas = createGraphics(countV*2,countH,SVG);
|
||||||
|
svgCanvas.image(img, 0, 0);
|
||||||
|
|
||||||
|
|
||||||
imageMode(CORNER);
|
|
||||||
for (let i = 0; i < countH/10; i++) {
|
for (let i = 0; i < countH/10; i++) {
|
||||||
for (let j = 0; j < countV/10; j++) {
|
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');
|
describe('Mona lisa - by Davincci');
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user