# Processing js - html and php
**URL:** https://discourse.processing.org/t/processing-js-html-and-php/16034
**Category:** Coding Questions
**Tags:** homework
**Created:** [December 2, 2019, 6:23am UTC](https://discourse.processing.org/t/processing-js-html-and-php/16034 "2019-12-02T06:23:09Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@dawn](https://discourse.processing.org/u/dawn)
#### Post date: [December 2, 2019, 6:23am UTC](https://discourse.processing.org/t/processing-js-html-and-php/16034/1 "2019-12-02T06:23:09Z")
Hello, I have to run a sketch on a website but I can’t make it appear. I only can run some examples if they are inside the examples folder but when I want to link them on my webpage (HTML) they don’t work. Below some code, I tried …
```auto
processing sketch
```
```auto
tp_final app
int numChars = 26;
color[] colors = new color[numChars];
int keyIndex;
float keyScale;
int rectWidth;
void setup()
{
size(500, 500);
noStroke();
background(0);
keyScale = 500/numChars-1.0;
rectWidth = width/9;
}
void draw()
{
if(keyPressed) {
if(key >= 'A' && key <= 'y') {
if(key <= 'Y') {
keyIndex = key-'A';
} else {
keyIndex = key-'a';
}
fill (random(0,255), random(0,255), random(0,255));
float beginRect = rectWidth/8 + keyIndex*keyScale-rectWidth/2;
rect(beginRect, 0.0, rectWidth, height);
}
}
}
';
?>
```
---
### Author:  [@kll](https://discourse.processing.org/u/kll)
#### Post date: [December 2, 2019, 9:29am UTC](https://discourse.processing.org/t/processing-js-html-and-php/16034/2 "2019-12-02T09:29:58Z")
if you want start with the archived / deprecated but latest version:
download from
[https://github.com/processing-js/processing-js](https://github.com/processing-js/processing-js) ,
or move over to [p5js](https://editor.p5js.org)
in both cases i just not think you will need client server ( get put ) things on the first steps?
---
### Author:  [@dawn](https://discourse.processing.org/u/dawn)
#### Post date: [December 2, 2019, 10:56am UTC](https://discourse.processing.org/t/processing-js-html-and-php/16034/3 "2019-12-02T10:56:54Z")
I have always thought that p5js was the best option, but I’ll try anyway
> Blockquote
> [@kll](#):
>
> in both cases i just not think you will need client server ( get put ) things on the first steps?
Yes, I think the same, but it something that my teacher wants me to do and I haven’t found like many tutorials about the topic and almost everything is p5js 🤯 . Also, I don’t see the connection between running a processing sketch mixed with PHP to make it work, but I’ll try p5js and see what happens.
PD: I don’t know if I answer the question, sorry if not. English is not my mother tongue.
---
### Author:  [@kll](https://discourse.processing.org/u/kll)
#### Post date: [December 2, 2019, 11:05am UTC](https://discourse.processing.org/t/processing-js-html-and-php/16034/4 "2019-12-02T11:05:17Z")
.processing.js.
very old link [here](http://kll.engineering-news.org/tests/processingjs/index_SOL3Dorbit_v5b.html)