j'ai fait des modifications sur ce codepen (il faut peut-être élargir la fenêtre d'aperçu vers le haut quand tu arrives sur la page, j'ai pris une valeur en fonction de la hauteur pour le rayon de la souris)
J'ai utilisé la racine carré pour jauger les distances, je me repérais pas bien avec les valeurs au carré. Pour l'opacité, j'ai utilisé une distance de base pour commencer l'opacité, puis une distance plus courte quand l'opacité doit être à 1, et j'ai fait le pourcentage entre les 2 pour la valeur d'opacité, ça rend plutôt bien.
J'ai aussi mis un if/else quand on bouge la souris pour donner une seule indication aux balles, mais ça serait bien de diriger les balles après le passage de la souris comme si elles revenaient vers la souris, c'est souvent ce qu'il se passe sur l'exemple des particules. D'ailleurs c'est pour ça je pense que les balles gravitent autour du rayon de la souris comme si elles restaient collées autour du cercle (sur la page du plugin).
Sur la page github, il montre un exemple pour charger avec "load", donc à mon avis, tu changes le json et tu rafraichis la page pour que la ligne "load" soit lue à nouveau.
J'ai un fichier app.js qui tient l'appplication et je n'ai pas compris ce qu'il faut que je fasse pour qu'il prenne le fichier particlejs-config.json
il y a les instruction sur le fichier app.js, j'ai tenter de renommer le fichier particlesjs-config.json générer en ligne en particles.json mais ça n'a pas pris en compte la customisation générer en ligne. Est ce que je dois effacer le fichier app.js et impoerter le json dedans ?
Enfin bref j'ai pas trop compris ce qu'il faut faire ....
le 2e paramètre c'est le path json, donc tu mets l'url vers ton json, en vérifiant bien qu'il soit exact : si tu rajoutes assets comme ici, il faut que tu aies un dossier nommé 'assets' au même niveau que le fichier app.js, et dans ce dossier tu dois avoir le fichier json. Si l'url est mauvaise, normalement tu as une erreur dans la console javascript du navigateur (chrome, etc.).
Le 1er paramètre c'est le nom de l'id que tu as dans le DOM (la page html), tu dois donc avoir un élément html comme une div par exemple, qui a pour id "particles-js" , ou n'importe quel nom que tu mets dans le 1er paramètre.
Sinon, tu peux faire les modifications en ligne sur son site et tu cliques sur "codepen" en haut à droite, tu auras le code js à droite dans codepen (tu as juste à enlever les dernières lignes concernant les "stats". Tu as le site beautifier.io pour remettre les lignes js dans l'ordre à la ligne)
Merci beaucoup !!! ça m'a bien aidé. en plus de comprendre, je découvre le raccourci codepen
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'
Particule JS collision avis
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'
Seul on va plus vite, ensemble on va plus loin. 'KawaBunga'