Affichage d'images et mémoire
Bonjour à tous!
Je crée un site internet ( http://dragan.pavkovic.free.fr/SITE-STD2A) sur lequel je travaille essentiellement avec des images par le biais de Processing et p5.js pour le mettre sur le site.
Dernièrement j'ai voulu tester en local ce scripte (cf plus bas) qui utilise je pense pas mal de mémoire. Le navigateur Firefox me disait qu'une page ralentissait mon navigateur mais j'ai demandé de continuer... Après un certain temps j'ai arrêté.
Lorsque j'ai voulu lancer, toujours en local, un autre fichier p5.js du site (comme le taquin) il a été impossible de charger l'image. Même avec un autre navigateur comme chrome il ne charge pas.
Par contre quand je vais sur le site Free tout fonctionne (sauf bien sur le scripte en dessous que je n'ai pas déposé) !!
J'ai essayé de désinstaller Firefox et de le réinstaller mais rien n'y fait en local. Je pense que la mémoire local (si elle existe) qui stocke les images est pleine. Et il y aurait deux types de mémoires dans les navigateurs, une pour le local et une pour l'extérieur ?
Bref je suis perdu aussi si une âme charitable pouvait m'aider....
Je vous remercie pour tous et ainsi pour ce site que je trouve excellent!!
Dragan.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
var img1,img2;
var dim,lar,lon,nbc;
var germes=[];
function preload(){
img1=loadImage("data/la_joconde.jpg");
}
function setup(){
createCanvas(img1.width,img1.height);
lar=img1.width;lon=img1.height;
dim=lar*lon;
init_germes();
noLoop();
// nbc=int(prompt("nombre couleur:"));
}
function init_germes(){
for(let k=0;k<3;k=k+1){
germes[k]=[];
germes[k][0]=int(random(lar));
germes[k][1]=int(random(lon));
}
}
function min_germe(p){
let min=0;
let dmin=dist(p[0],p[1],germes[0][0],germes[0][1]);
for(let k=1;k<germes.length;k=k+1){
let d=dist(p[0],p[1],germes[k][0],germes[k][1]);
if(d<dmin){min=k;dmin=d;}
}
return min;
}
function temporaire(){
img2=createImage(lar,lon,RGB);
img2.loadPixels();
img1.loadPixels();
for(let x=0;x<lar;x=x+1){
for(let y=0;y<lon;y=y+1){
let index=min_germe([x,y]);
img2.set(x,y,img1.get(germes[index][0],germes[index][1]));
}
}
img2.updatePixels();
img1.updatePixels();
}
function pause(){
let s=millis()+3000;
while(s>millis()){
;}
}
function draw(){
temporaire();
image(img1,0,0);
pause();
image(img2,0,0);
} |
