p5.js 27646: Uncaught TypeError: Cannot read property '0' of undefined

Question

I was coding in JavaScript, p5.js and came across this error line:

It is also suspicious to me because my project does not have line 27646 anywhere.

"

Answer 1

Please post your code as an MCVE that we can copy and paste to run. When I try to run your code, I get an error because I don't have the font you're trying to load. Either include the font file or modify your code so we don't need the font file.

But just looking at your code, this sticks out to me:

for (var i = 0; i < particles.length; i++) {
  if (particle[i].radius < 0) {

Here you're looping over the particles array, but then using a variable called particle . This is probably a simple typo.

I'm also suspicious of this line:

r = particles.random();

Here you're setting a variable that you haven't defined yet.

When your code contains multiple errors like this, it usually means that you aren't testing in small chunks. You should really get into the habit of working in isolation, only testing one small part until you get that working perfectly. That also makes it easier to post an MCVE if you do get stuck.

Answer 2

Your problem is that your word1 string has a space in it.

textToPoints() doesn't handle non-printable characters.

Try a string with no space or split your string up into to strings and combine the points arrays afterwards.

Answer 3

On Line 1 You define:

var particles = [];