# From Application to OpenProcessing

**URL:** <https://discourse.processing.org/t/from-application-to-openprocessing/11645>\
**Category:** Coding Questions\
**Created:** [May 28, 2019, 12:17am UTC](https://discourse.processing.org/t/from-application-to-openprocessing/11645 "2019-05-28T00:17:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![leejones15](https://avatars.discourse-cdn.com/v4/letter/l/45deac/32.png) [@leejones15](https://discourse.processing.org/u/leejones15)\
**Post date:** [May 28, 2019, 12:17am UTC](https://discourse.processing.org/t/from-application-to-openprocessing/11645/1 "2019-05-28T00:17:32Z")

</div>

Hello, all.  
I am a CS teacher and wrapped up the year (after using MIT App Inventor) teaching my students to use text-based coding through Processing.  
I am looking for a platform to share student work that doesn’t involve downloading and installing Processing and found [https://www.openprocessing.org](https://www.openprocessing.org/). This will allow me to share student work with parents, students, and other teachers. However, the program that worked fine in the application pops up an error `(Uncaught TypeError: $this_1.image is not a function)`  
The code can be [found here](https://www.openprocessing.org/sketch/719703#). Would someone mind helping me figure this out? Again, it works just fine in the normal program, but gives an error only in OpenProcessing.  
TIA

---

<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:** [May 28, 2019, 12:28am UTC](https://discourse.processing.org/t/from-application-to-openprocessing/11645/2 "2019-05-28T00:28:35Z")

</div>

[ProcessingJS.org/reference/preload/](http://ProcessingJS.org/reference/preload/)  
[Studio.ProcessingTogether.com/sp/pad/export/ro.9bTfM49wCIJza](http://Studio.ProcessingTogether.com/sp/pad/export/ro.9bTfM49wCIJza)

> [@How to remove array object when mouse pressed](https://discourse.processing.org/t/how-to-remove-array-object-when-mouse-pressed/3406/6):
>
> As a general rule, load all of the assets your sketch is gonna use in setup(), before draw() begins, storing them in global variables. bulb Classes should request already loaded assets rather than loading them on their own. warning

> [@Strange Behavior Triggered by image() Function](https://discourse.processing.org/t/strange-behavior-triggered-by-image-function/7638/6):
>
> Still, the best approach for assets is to load them all at once within setup(). smirk After that, we can pass those already loaded assets as 1 of the arguments of our classes’ constructors. bulb