Comme j'essaie de jouer avec les algorithmes évolutionnaires et de construire des outils de visualisation du processus, j'aimerais utiliser VueJs avec P5Js. J'ai ce code: (SO) Playing with Evolutionary Algorithms on Codepen.ioInitialisation de données et observateurs utilisant P5Js et VueJs
Le problème est que les données de l'instance Vue population
ne se mettent pas à jour correctement.
Voici ce que j'ai essayé de faire:
- passer le
Game
global comme objet données d'une occurrence Vue. Puispopulation
se mettre à jour correctement, mais les données sont si grandes que tout devient laggy; - Remplir le champ
Game.population
lorsqu'il est déclaré, mais cela ne fonctionne pas: P5JS me renvoie une erreurcreateVector() is not defined
; - Remplissage du tableau
Game.population
dans la méthodebeforeCreate()
de l'instance Vue. Cela ne fonctionne pas non plus. Me donner une autre erreur; - Proxy
Game.population
par un autre objetData
déclaré globalement ou dans la méthode de l'instance VuebeforeCreate()
, pour curating données cellules intéressantes (je ne suis pas besoin de l'attributpos
) et ainsi évitercreateVector()
erreur. C'est une impasse. En ce qui concerne le levage, je me suis demandé si VueJS était initialisé avant l'exécution de P5JS. C'est le cas. Mais je ne peux pas comprendre comment changer cela.
Quel est le problème ici? Comment dois-je refactoriser mon script pour que les données de l'instance de Vue et Game.population puissent être liées?
Wow. C'est à la fois très gentil et très génial. Merci d'avoir signalé les setters/getters calculés par Vue. J'ai besoin de plonger dedans. Merci encore! – hsolatges