processing.js

Processing with Other Languages

invicente

in Processing with Other Languages • 1 year ago

hi everyone

i'm stupid and i'm new to programming...pretty much anything.

but i want to make an app to run in an iPhone...

so... for a first try, i'd like to make a web-app instead of a built-in using processing.js

the problem, as I said, is that i'm stupid.... i don't understand... WHAT is it. i've downloaded it, but don't get it..., if the thing is a library, i don't get the concept of library.... and how it works...

Am i supossed to write programs in the regular processing program and somehow ...export them...or is there a processing.js program thats supposed to be run and in there write using the regular processing language?

and after that... how do i get to make the web app, ...i guess is somehow similar to making a web page......

as you can see i'm completely stupid and lost.... And the help content of processingjs.org didn't clarify anything for me...

please help..

And also, any commentaries on "what is it" the iprocessing thingy and how to get it right will be truly appreciated since i downloaded it too and i couldn't manage to run correctly the very example files that came with the download (Xcode projects.)

thanks in advance

Replies(3)

jbum

Re: processing.js

1 year ago

It will help if you have a little experience writing web pages in HTML first, if you don't I suggest you pick up a book on the subject. It also helps to have a little experience with javascript, although it's not as important.

This tutorial page is a good place to start, although the really useful info (for you) starts in the second section, entitled "Using Processing".

Every webpage comes from html, which comes from either a file you host on your webserver (often with a name like "index.html"), or it is generated by some other means, such as PHP script. However it is provided, it all comes down to your user's web browsers as html. I'll assume in this case that you have an "index.html" file on a web server under your control.

So basically, to use Processing.js, you have to host an additional file on your web server called "processing.js". This is one of the files you get when you download processing.js, and it is the javascript "library" that provides the capabilities of the Processing language. It's just a text file full of javascript.

In your index.html file (or any html webpage that you plan to use Processing.js in), you have to indicate that the library is required, so you include the following directive, typically in the <head> section of your html.

Then subsequently, in the spot where you want the processing sketch to appear, you include a line like the following:

mysketch.pde is another text file, containing the processing source code of the application you will make. You can name it anything you like, but the name should end with ".pde". Here's a very simple one:

size(300,300);
ellipse(150, 150, 50, 50);

So your entire index.html file might read as follows:

<!doctype html>
<html>
<head>
<script src="processing.js"></script>
</head>
<body>
<canvas data-processing-sources="mysketch.pde"></canvas>
<body>
</html>

Both files (processing.js, and mysketch,pde) need to be hosted on your web server. As the tutorial goes on to say, there's another way to do it in which you embed the content of the sketch directly in your html file.

If using html is very new to you (for example, you've been relying on dreamweaver or some other crutch), then it's a good idea to spend a few days familiarizing yourself with html before tackling processing.js.

invicente

Re: processing.js

1 year ago

Thanks a LOT.

this was exactly what i needed to know

even thou i do have some experience writing html, i was feeling lost.

so basically if i want to just test this app, it would be enough to place all the needed files(.pde, processing.js and the .html) in the same folder and open the index.html in any web browser, right? this processing would work like a css file, right?

thanks for your help, do you happen to know anything about the iprocessing... "library"? is not really a library, i think is a port.... but i'm quiet confused about this terms... is available here

my problem is that when i run the example files, using Xcode, they get like ...50 warnings and one error and they can't be build.

thanks for your help!

jbum

Re: processing.js

1 year ago

You shouldn't need to use XCode at all to develop stuff in Processing. To make stuff in Processing.js, you just need those text files (all in the same folder), and you can indeed test by loading index.html in a web browser.

If you are unfamiliar with programming in any language, I would definitely avoid XCode based development for a while, it's really not intended for beginning programmers and will cause you no end of pain. As far I know there is no Processing library intended for Objective C developers (which is the principal language used for developing native iPhone apps in XCode).

I *do* recommend the stand alone version of Processing (which you can download from Processing.org). This is a great way to learn to program in Processing - it makes it much easier to write and test a little bit at a time. You should get a Processing book to go with it though (such as the Reas/Fry book). The learningprocessing.com website is also worth a look.

Top Reply

processing.js

Replies(3)

Re: processing.js

Re: processing.js

Re: processing.js

Statistics

Tags

Actions

Related Posts