# Stuck on Loading

**URL:** <https://discourse.processing.org/t/stuck-on-loading/19370>\
**Category:** Beginners\
**Created:** [April 3, 2020, 5:48pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370 "2020-04-03T17:48:11Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![corisco](https://avatars.discourse-cdn.com/v4/letter/c/e95f7d/32.png) [@corisco](https://discourse.processing.org/u/corisco)\
**Post date:** [April 3, 2020, 5:48pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370/1 "2020-04-03T17:48:11Z")

</div>

Hi. I’m trying to get familiar with JS using p5.js. I downloaded p5.js complete, headed to the Get Started page and, as described, typed

```auto
ellipse(50, 50, 80, 80); 

```

in my (desktop) editor to test it out.

In Firefox, the result is a circle in the top-left corner. But in Chrome, nothing appears but **“Loading…”**. Also does not work in Opera. Only Firefox.

Can anyone shed a light on this? Appreciate any help.

Thank you for reading.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [April 3, 2020, 6:10pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370/2 "2020-04-03T18:10:10Z")

</div>

> [@Help! Why I cannot use the P5JS](https://discourse.processing.org/t/help-why-i-cannot-use-the-p5js/18067/2):
>
> For an absolute beginner, my advice is to start on some p5js online editor, such as this 1: man_student[OpenProcessing.org/sketch/create](http://OpenProcessing.org/sketch/create) Some sketches I’ve got there btW: grinning By using such specialized p5js online resources we don’t need to make our own “index.html” file. wink When you decide it’s time to learn how to code your own “index.html” file, you can use more generic JS online editors, such as these 2 below: sunglasses You can also take a look at my sketches I…

---

<div class="post-metadata">

**Author:** ![corisco](https://avatars.discourse-cdn.com/v4/letter/c/e95f7d/32.png) [@corisco](https://discourse.processing.org/u/corisco)\
**Post date:** [April 3, 2020, 6:29pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370/3 "2020-04-03T18:29:09Z")

</div>

Hi, GoToLoop, thank you for responding.

I still would like to get to the bottom of my problem because, even if I start using an online editor now, eventually I want to set up my offline environment and to code in VSCode as I always do. (And because I’m curious to know why it doesn’t work on Chrome!)

Btw, I’d love to see some of your sketches, if you don’t mind sharing.

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [April 3, 2020, 6:48pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370/4 "2020-04-03T18:48:29Z")

</div>

> [@corisco](#):
>
> I’m curious to know why it doesn’t work on Chrome!

> [@Maximum size of a method in Processing](https://discourse.processing.org/t/maximum-size-of-a-method-in-processing/17136/29):
>
> Another workaround: [Chrome-allow-file-access-from-file.com](http://Chrome-allow-file-access-from-file.com) A more complete solution: More solutions: [GitHub.com/processing/p5.js/wiki/Local-server](http://GitHub.com/processing/p5.js/wiki/Local-server)

---

<div class="post-metadata">

**Author:** ![corisco](https://avatars.discourse-cdn.com/v4/letter/c/e95f7d/32.png) [@corisco](https://discourse.processing.org/u/corisco)\
**Post date:** [April 3, 2020, 6:57pm UTC](https://discourse.processing.org/t/stuck-on-loading/19370/5 "2020-04-03T18:57:35Z")

</div>

Thank you for thanking the time to help me. A web server worked like a charm. I also just notice that you had shared your sketches earlier but I didn’t see the little arrow to expand the messages, sorry about that. Good stuff. E tu é brasileiro? Olha que mundo pequeno! Grande abraço.

PS.: Just in case anyone in the future faces the same problem and find this thread, I also had to move the files from “empty-example” to the p5 folder, where the p5.js is, and edit the src path within the index.html file. Then launch the whole folder p5 into the web server.
