# Same program - Two Implementations ❤

**URL:** <https://discourse.processing.org/t/same-program-two-implementations/22697>\
**Category:** Gallery\
**Created:** [July 18, 2020, 12:54am UTC](https://discourse.processing.org/t/same-program-two-implementations/22697 "2020-07-18T00:54:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)\
**Post date:** [July 18, 2020, 12:54am UTC](https://discourse.processing.org/t/same-program-two-implementations/22697/1 "2020-07-18T00:54:23Z")

</div>

Hello friends,

This article documents an experiment that I made to implement the same program on two different coding platforms for beginners:

- [codeguppy.com](https://codeguppy.com)
- [Khan Academy](https://www.khanacademy.org)

What eased the porting between the platform is the [Processing API](https://processing.org) used by both platforms. Khan Academy is using the ProcessingJS (a slightly older approach), while [codeguppy.com](http://codeguppy.com) is using the newer [p5.js](https://p5js.org) library.

These platforms are great for introducing kids and even adults to the wonderful world of computer programming!

And now, without further ado, let me present you the programs and the links to the corresponding playgrounds.

 ![Slide1](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/8273b48eb50183a6f1905493a022bc25dfcb5b2f.png)

- CG version: [https://codeguppy.com/code.html?primes\_display](https://codeguppy.com/code.html?primes_display)

- KA version: [https://www.khanacademy.org/computer-programming/print-primes/5722588838461440](https://www.khanacademy.org/computer-programming/print-primes/5722588838461440)

* * *

 ![Slide2](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/4aafde4cd78083ac1a18595ca452099b7c1d83bb.png)

- CG version: [https://codeguppy.com/code.html?fngraph](https://codeguppy.com/code.html?fngraph)

- KA version: [https://www.khanacademy.org/computer-programming/plot-a-function/5006661931073536](https://www.khanacademy.org/computer-programming/plot-a-function/5006661931073536)

* * *

 ![Slide3](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/f5af0a22ff622d637fb4c8ae2341f9d2b073fc91.png)

- CG version: [https://codeguppy.com/code.html?t=turtle\_graphics](https://codeguppy.com/code.html?t=turtle_graphics)

- KA version: [https://www.khanacademy.org/computer-programming/turtle-graphics/5506609009229824](https://www.khanacademy.org/computer-programming/turtle-graphics/5506609009229824)

* * *

 ![Slide4](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/9/9970ede6d0f6ad9d975b3b6954086fbc9b907283.png)

- CG version: [https://codeguppy.com/code.html?t=breakout](https://codeguppy.com/code.html?t=breakout)

- KA version: [https://www.khanacademy.org/computer-programming/breakout/4735387585576960](https://www.khanacademy.org/computer-programming/breakout/4735387585576960)

* * *

 ![Slide5](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/f19e8156e625bda89330ea3b64826e58d513cb96.png)

- CG version: [https://codeguppy.com/code.html?t=random\_shapes](https://codeguppy.com/code.html?t=random_shapes)

- KA version: [https://www.khanacademy.org/computer-programming/random-shapes/4519652905025536](https://www.khanacademy.org/computer-programming/random-shapes/4519652905025536)

* * *

 ![Slide6](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/0/0c9ee57d604cb944c63483cc4561995d2165a2b9.png)

- CG version: [https://codeguppy.com/code.html?t=lavalamp\_color](https://codeguppy.com/code.html?t=lavalamp_color)

- KA version: [https://www.khanacademy.org/computer-programming/color-lava-lamp/5054285149208576](https://www.khanacademy.org/computer-programming/color-lava-lamp/5054285149208576)

* * *

 ![Slide7](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/b/b152806655cb8a572f7dc419f5dd7a5728ec5514.png)

- CG version: [https://codeguppy.com/code.html?t=lavalamp](https://codeguppy.com/code.html?t=lavalamp)

- KA version: [https://www.khanacademy.org/computer-programming/lava-lamp/5882700773294080](https://www.khanacademy.org/computer-programming/lava-lamp/5882700773294080)

* * *

 ![Slide8](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/8462b0b1a51d515f51cbdcb10544fc9c59b32058.png)

- CG version: [https://codeguppy.com/code.html?t=planets](https://codeguppy.com/code.html?t=planets)

- KA version: [https://www.khanacademy.org/computer-programming/planets/6175607292002304](https://www.khanacademy.org/computer-programming/planets/6175607292002304)

* * *

 ![Slide9](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/75c31451a8ac86496036dfb33d906798625c468a.png)

- CG version: [https://codeguppy.com/code.html?t=eyes\_mouse](https://codeguppy.com/code.html?t=eyes_mouse)

- KA version: [https://www.khanacademy.org/computer-programming/eyes-mouse/6123864797577216](https://www.khanacademy.org/computer-programming/eyes-mouse/6123864797577216)

* * *

 ![Slide10](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/823acd84b5a9c1b3e3c5db1f32ebab7886140d29.png)

- CG version: [https://codeguppy.com/code.html?t=magnetic\_needles](https://codeguppy.com/code.html?t=magnetic_needles)

- KA version: [https://www.khanacademy.org/computer-programming/magnetic-field/4703347985186816](https://www.khanacademy.org/computer-programming/magnetic-field/4703347985186816)

* * *

 ![Slide11](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/20a895542ce7827b682f6745b69497889d8e328c.png)

- CG version: [https://codeguppy.com/code.html?t=visual\_sort](https://codeguppy.com/code.html?t=visual_sort)

- KA version: [https://www.khanacademy.org/computer-programming/bubble-sort/5538484796882944](https://www.khanacademy.org/computer-programming/bubble-sort/5538484796882944)

* * *

 ![Slide12](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/5dfe01e718408d0bf419af92126576a2e469322a.png)

- CG version: [https://codeguppy.com/code.html?t=clock](https://codeguppy.com/code.html?t=clock)

- KA version: [https://www.khanacademy.org/computer-programming/analog-clock/4855902287527936](https://www.khanacademy.org/computer-programming/analog-clock/4855902287527936)

* * *

 ![Slide13](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/febaaffb3525f09663f12178880e875b5d2f7f62.png)

- CG version: [https://codeguppy.com/code.html?t=blocky](https://codeguppy.com/code.html?t=blocky)

- KA version: [https://www.khanacademy.org/computer-programming/blocky/5334168773427200](https://www.khanacademy.org/computer-programming/blocky/5334168773427200)

* * *

 ![Slide14](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e1ca1574ee5ffd0ee1409fa37fc37aa48bab85e2.png)

- CG version: [https://codeguppy.com/code.html?t=draw](https://codeguppy.com/code.html?t=draw)

- KA version: [https://www.khanacademy.org/computer-programming/micro-draw/5839489644199936](https://www.khanacademy.org/computer-programming/micro-draw/5839489644199936)

* * *

 ![Slide15](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/81b9cea6e9ebeaa65a06c737e5310e8e770f20cf.png)

- CG version: [https://codeguppy.com/code.html?t=\_coordinates](https://codeguppy.com/code.html?t=_coordinates)

- KA version: [https://www.khanacademy.org/computer-programming/house/4861543055982592](https://www.khanacademy.org/computer-programming/house/4861543055982592)

* * *

 ![Slide16](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/7ea285b9b40900c26e74a41c493f18a25289e53d.png)

- CG version: [https://codeguppy.com/code.html?t=\_intro\_to\_coding](https://codeguppy.com/code.html?t=_intro_to_coding)

- KA version: [https://www.khanacademy.org/computer-programming/circle-bear/4609373513547776](https://www.khanacademy.org/computer-programming/circle-bear/4609373513547776)

I hope you had fun exploring these programs.

Looking forward to your feedback!