# Displaying code on website

**URL:** <https://discourse.processing.org/t/displaying-code-on-website/208>\
**Category:** Processing\
**Created:** [May 21, 2018, 3:44pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208 "2018-05-21T15:44:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![norman521](https://avatars.discourse-cdn.com/v4/letter/n/b9bd4f/32.png) [@norman521](https://discourse.processing.org/u/norman521)\
**Post date:** [May 21, 2018, 3:44pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208/1 "2018-05-21T15:44:38Z")

</div>

Hi,

Newbie question…

Once you have some code you are happy with is it possible to add it to an HTML page? One site I use is coded in HTML and PHP?

---

<div class="post-metadata">

**Author:** ![Kevin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kevin/32/2297_2.png) [@Kevin](https://discourse.processing.org/u/Kevin)\
**Post date:** [May 21, 2018, 5:43pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208/2 "2018-05-21T17:43:25Z")

</div>

You can embed Processing sketches using Processing.js, or you can convert your code to P5.js. This assumes that you aren’t using any Java-specific libraries.

Shameless self-promotion: here is a guide on using Processing.js:

> **[Processing.js](https://happycoding.io/tutorials/processing/processing-js)**
>
> Embed your sketch in a webpage.

---

<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 21, 2018, 11:25pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208/3 "2018-05-21T23:25:33Z")

</div>

> **[Can i import my stuff into wallpaper engine?](https://Discourse.Processing.org/t/can-i-import-my-stuff-into-wallpaper-engine/153)**
>
> \*\*Welcome 🙂 \*\* My name is Luc(16) and last week I installed processing. the past week I have been making quite some stuff with processing already. I showed what I made to a couple of friends and asked me if I would be so kind to get the application...

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [May 22, 2018, 4:06am UTC](https://discourse.processing.org/t/displaying-code-on-website/208/4 "2018-05-22T04:06:21Z")

</div>

Also: If you are just getting started with Processing / programming (not already invested in Processing (Java) mode code or libraries) and your primary goal is to publish things on the web, then your best bet is (probably) to begin by learning [p5.js](https://p5js.org/) and write everything in JavaScript. Then you don’t have to translate / export – it is _already_ ready for the web.

---

<div class="post-metadata">

**Author:** ![SlumzGG](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@SlumzGG](https://discourse.processing.org/u/SlumzGG)\
**Post date:** [May 23, 2018, 1:47pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208/5 "2018-05-23T13:47:39Z")

</div>

How to add processing programm to a website ?

---

<div class="post-metadata">

**Author:** ![Jano](https://avatars.discourse-cdn.com/v4/letter/j/9dc877/32.png) [@Jano](https://discourse.processing.org/u/Jano)\
**Post date:** [May 23, 2018, 4:20pm UTC](https://discourse.processing.org/t/displaying-code-on-website/208/6 "2018-05-23T16:20:22Z")

</div>

You could use processing.js on your webpage to display your .pde files.

Here´s a tutorial on [how to get started](http://processingjs.org/learning/).