Discussion :

[DraganP]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
}

[Invité]

Bonjour,

(à priori *) Cette fonction tourne en boucle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function pause(){
  let s=millis()+3000;
  while(s>millis()){
  ;}
}

s est (forcément) supérieur à millis() *, et comme il ne se passe rien dans le while, c'est (à priori *) toujours le cas.
Donc, ça boucle à l'infini.

* cela dit, on ne sait rien de la fonction millis() (elle s'incrémente ??)...
...ni de l'utilité de cette fonction pause()...

[DraganP]

Bonjour.

Non s n'est pas toujours supérieur à millis mais ce n'est pas le problème de la fonction.
Si j'exécute un autre programme du site en local, il ne fonctionne pas.

Voici ce que m'affiche la console Google Chrome quand j'essaye de lancer en local un code qui fonctionne sur le site:

Access to image at 'file:///D:/SITE-STD2A/ressources/melange/data/minion.jpg' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
minion.jpg:1
Failed to load resource: net::ERR_FAILED

[DraganP]

Ok le problème est réglé. C'est simplement une sécurité des navigateurs qui s'est apparemment déclenchée (le COR ..?) tout ça parce que mon site n'est pas administré par un serveur local!
J'ai donc installé Wamp et je me suis créé un virtualhost. Tout fonctionne à merveille!