Créer un projet processing.js

Voici un exemple détaillant la procédure à suivre afin de mettre en ligne un sketch Processing via Processing.js.

Pour s’executer sur le web, un projet Processing.js nécessite 3 fichiers minimum :

– votre code processing sous la forme d’un .pde ou d’un .pjs
– un fichier html, celui de la page accueillant votre sketch
– le fichier processing-x.x.x.js disponible sur le site de processing.js

Ce dernier fichier ( processing-x.x.x.js ) n’a nul besoin d’être modifié.

Le html a besoin de deux balises afin de relier d’une part le script processing-x.x.x.js et d’autre part votre projet. Voici ces balises :

[html]<script type="text/javascript" src="processing-1.0.0.js"></script>
<canvas datasrc="example.pde" width="400" height="400"></canvas>[/html]

Remplacez example.pde par le nom de votre fichier .pde ainsi que les indication concernant la largeur et la hauteur ( traditionellement identiques à celles de votre .pde ).

Une fois ceci terminé, tous trois doivent être placés sur votre serveur ftp, au même niveau. Si, par habitude, vous placez le .pde dans un dossier du même nom comme le demande Processing premier du nom, pensez à indiquer l’adresse correcte du .pde dans le html. Mais je déconseille cette manipulation car elle posera problème par la suite lors de l’importation de fichiers (images, polices, etc.).

Télécharger le dossier vierge de base

Rejoindre la conversation

3208 commentaires

  1. An outstanding share! I have just forwarded this onto a colleague who has been conducting a little research on this. And he actually bought me dinner because I found it for him… lol. So allow me to reword this…. Thank YOU for the meal!! But yeah, thanx for spending some time to talk about this matter here on your web site.|

  2. Howdy, I do believe your site may be having browser compatibility problems. When I take a look at your site in Safari, it looks fine however when opening in I.E., it’s got some overlapping issues. I simply wanted to give you a quick heads up! Aside from that, excellent site!|

  3. Great post. I was checking continuously this blog and I’m impressed! Very useful info specially the last section 🙂 I handle such info a lot. I was seeking this certain info for a very lengthy time. Thanks and best of luck. |

  4. Simply wish to say your article is as amazing. The clearness in your post is simply excellent and i could assume you’re an expert on this subject. Fine with your permission let me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please carry on the enjoyable work.|

  5. You actually make it seem so easy together with your presentation however I find this topic to be actually something that I feel I’d by no means understand. It seems too complex and very huge for me. I am having a look ahead on your next put up, I’ll attempt to get the grasp of it!|

  6. Merhaba saygı değer Malatya’lı hemşerilerim, Malatya SEO
    hizmeti olarak sizlere kısaca birkaç şey söylemek
    istiyorum.

    11 yıldır aktif olarak SEO algoritma ve Google başda olmak üzere bir SEO hayatı serüvenim
    bulunmaktadır. Kurumsal firmalar, mağazalar, dükkanlar, ticari toptan alım satım
    kısacası iş yerleri olmak üzere başlıca kişisel SEO işlerinizi halen aktif olarak yapmaktayım.

    11 yıllık bu serüvenimde 7 yıldır profesyonel anlamda Seo Bayi
    yani Malatya SEO olarak hizmet veriyorum. Günümüz internet çılgınlığı devam eden bu
    süreç de herkesin cebinde olan telefonlar ile dünya parmaklarımızın ucunda olduğunu bütün insanlar kabul
    görüyor. Google’ da hizmet verdiğiniz iş yeriniz ile alakalı SEO çalışmalarını gerçekleştirebilirim.
    Lafı uzatmak istemiyorum, kısaca Google aramalarında istediğiniz
    aranan kelimeyi ilk sayfaya getiriyor ve sizin ticari gelirlerinizi bu sayede arttırıyorum.

    Örnek vericek olursak; Kayısı satan bir dükkanınız var; ” Arkadaş gün teknoloji devri bende kullanmalıyım satışlarımı artırmalıyım.” diyorsanız Google aramalarında
    Malatya Kayısı, Malatya toptan kayısı kelimeleri yazıldığında sizin web sitenizi ilk sayfalara getiriyor ve
    bu sayede herkes tarafından kolayca bulunup tanınıyorsunuz.

    Genelleme olarak doğal gaz tamiratı, cafe, asansör firmanız, evden eve nakliyat, rent a car,
    boya badana, halı yıkama, ürün satışı kısaca aklınıza
    gelicek herşeyi Malatya SEO ile istenilen sonuçları elde edebilirsiniz.

  7. I think what you published was actually very reasonable.
    However, think on this, suppose you added a little content?

    I ain’t suggesting your information isn’t good,
    however suppose you added something to maybe grab folk’s attention?
    I mean Créer un projet processing.js – joel belouet is a little plain. You
    could peek at Yahoo’s home page and see how they create post titles to
    get people to open the links. You might add a related video or a related pic or two
    to get people excited about everything’ve written. Just my
    opinion, it might bring your posts a little bit more interesting.

  8. I liked as much as you’ll obtain performed
    right here. The caricature is attractive, your authored subject matter stylish.
    nevertheless, you command get got an edginess over that you want be delivering the following.
    in poor health undoubtedly come more previously once more since exactly the same nearly a lot regularly inside of case you protect this increase.

  9. I was just seeking this information for a while. After 6 hours of continuous Googleing,
    at last I got it in your website. I wonder what is the lack of Google strategy
    that do not rank this type of informative sites in top of the
    list. Usually the top sites are full of garbage.

  10. I loved as much as you’ll receive carried out right here.
    The comic strip is attractive, your authored subject matter stylish.
    nonetheless, you command get got an nervousness over that you would like be turning in the following.

    ill definitely come more previously once more since exactly the similar
    just about very steadily inside case you defend this
    hike.

  11. Howdy would you mind letting me know which web host you’re working with? I’ve loaded your blog in 3 different web browsers and I must say this blog loads a lot quicker then most. Can you suggest a good internet hosting provider at a reasonable price? Many thanks, I appreciate it!|

  12. Köpek Eğitimi
    İstanbul’da güvenilir ve kaliteli eğitimleri hayat felsefesi edinen uzman kadro ile sayısız hizmetimizden yararlanan binlerce kişi bulunmaktadır.
    Köpek eğitimi sabır ve disiplin ile gerçekleşen bir zaman sürecine sahiptir.

    Köpeklerde eğitim kulvarları ve eğitim süreçlerimiz
    keyifli ve eğlenceli geçmektedir. İstanbul merkezli köpek
    eğitimi başlıca akıllara gelen ilk soru köpek tuvalet eğitimi ile başlanmaktadır.
    Bir çok kişinin sorusu genelde yavru köpek eğitimi ile beraber yetişkin hayvanlarımızın eğitime
    ne kadar uyumlu olup olmadığıdır. Gelin hep beraber hayat yoldaşlarımıza
    yol gösterelim. Unutmayın ki eğitim hayatımızın her yerinde bulunmaktadır.

    Köpek eğitim fiyatları denildiğinde lükse kaçıyor düşüncesi ile insanların aklına kazınmıştır,
    lakin biz siz değerli köpek severlerimize kolaylık ve uygun fiyatlar sunuyoruz.
    Eğitimlerimizin yanı sıra seyehat sırasında akraba, eş dost, komşularımız gibi yakın gördüklerimize bu tatlı
    can arkadaşlarımızı emanet edip gidiyoruz, aman birşey mi
    oldu ?, acaba yemek yedi mi ?, hasta mı ? vb.. bir çok
    soru aklımıza geliyor. Biz sizler için köpek eğitimi hizmetinin yanı sıra köpek oteli olarak da
    hizmet veriyoruz.

    köpek eğitim merkezi
    İstanbul’da istediğiniz gibi tesislerimizi gezebilir,görebilir
    ve konaklama sağlıyabilirsiniz. Kalite, Güven, Huzur, Temizlik köpek eğitim merkezimizin başlıca kurallarıdır.

    Huzur veren bu canlıları sevmek, korumak, sahiplenmek biz hayvan severler olarak mutluluğa işte bukadar yakınız.

    Metropol hayatının bize vermiş olduğu bu stresli günlerin sonunda eve
    geldiğimizde bize doğru koşan ya da bahçemizde sizi gördüğünde üstünüze atlayıp
    sizi seven hayat ortaklarımıza eğitim konusunda sonuna kadar sizlerin arkasındayız.

    Hayat boyu eğitim, hayat boyu disiplin diyelim ve sizleri İstanbul köpek eğitimi merkezine davet edelim.

    Köpek Eğitim Fiyatları
    Fiyatlarımız vermiş olduğumuz hizm ile karşılaştığında cok küçük rakamlar
    haline geliyor neden peki ?, çünkü istiyoruz ki duyarlı ve hayvan dostu insanların bu konuda
    elimizden geldiğince kolaylık sağlamak.
    Yüzlerce eğitim programlarımız bulunmaktadır.
    Sizin için en ideal olanları uzman arkadaşlarımız ile gelin beraber
    belirliyelim ve mutlu bir sıcak yuva ortamı ile köpeğiniz
    ile güzel günler geçirin.

    Sitemiz de sizler için aktif bir şekilde köpek eğitimleri ve diğer bütün bilgi içeriklerini sizler ile paylaşıyoruz.
    Uzman yazarlarımız ve Veteriner hekimlerimiz desteği ile sizlere gerçek,
    doğru, saf bilgiyi verme hedefindeyiz.

    İstiyoruz ki gerçek anlamda bilgilenin ve yazılarımızı okurken yüzünüzde
    bir tebessüm belirsin. Genel bloglarımız ve kimi zaman güldüren kimi zaman düşündüren yazılarımız sizler için bilgi kaynağı olucaktır.

  13. Hello! This is my 1st comment here so I just wanted to give a quick shout out and say I really enjoy reading through your articles. Can you suggest any other blogs/websites/forums that cover the same topics? Thank you so much!|

  14. Merhaba saygı değer Malatya’lı hemşerilerim, Malatya
    SEO hizmeti olarak sizlere kısaca birkaç şey söylemek istiyorum.

    11 yıldır aktif olarak SEO algoritma ve Google başda olmak üzere bir SEO
    hayatı serüvenim bulunmaktadır. Kurumsal firmalar, mağazalar,
    dükkanlar, ticari toptan alım satım kısacası iş yerleri olmak üzere başlıca kişisel SEO işlerinizi halen aktif olarak yapmaktayım.

    11 yıllık bu serüvenimde 7 yıldır profesyonel anlamda Seo
    Bayi yani Malatya SEO olarak hizmet veriyorum.
    Günümüz internet çılgınlığı devam eden bu süreç de herkesin cebinde olan telefonlar
    ile dünya parmaklarımızın ucunda olduğunu
    bütün insanlar kabul görüyor. Google’ da
    hizmet verdiğiniz iş yeriniz ile alakalı SEO çalışmalarını gerçekleştirebilirim.
    Lafı uzatmak istemiyorum, kısaca Google aramalarında istediğiniz aranan kelimeyi ilk
    sayfaya getiriyor ve sizin ticari gelirlerinizi bu sayede arttırıyorum.

    Örnek vericek olursak; Kayısı satan bir dükkanınız var;  » Arkadaş gün teknoloji devri bende kullanmalıyım satışlarımı artırmalıyım. » diyorsanız
    Google aramalarında Malatya Kayısı, Malatya toptan kayısı kelimeleri yazıldığında sizin web sitenizi ilk sayfalara
    getiriyor ve bu sayede herkes tarafından kolayca bulunup
    tanınıyorsunuz.

    Genelleme olarak doğal gaz tamiratı, cafe, asansör firmanız, evden eve nakliyat, rent a car, boya
    badana, halı yıkama, ürün satışı kısaca aklınıza gelicek herşeyi Malatya SEO
    ile istenilen sonuçları elde edebilirsiniz.

  15. Hayatı boyunca fantezili şeyler yaşamak isteyen bekar adam, sert görünüşü ve nispeten lüks hayatı ile kadınsız kalmıyordur.
    Karşısına çıkan kadınlara hep iyi davranarak onların istediği gibi şeyler yaparken artık kendi
    seks isteklerini devreye sokma vakti geldiğini düşünür.
    Düşündüğü ve yapacağı şey köpek kafesine soktuğu bir kadını
    köpek gibi sikmek olduğundan dolayı bunu kimsenin kabul etmeyeceğini bildiğinde hayatına yeni giren kadına
    fantezi yaşamak için kafese sokup kafesin içinde sikeceğini söyler.
    Soyduğu kadını zorla ikna ederek kafese sokmayı başaran adam, kendisini kedi kostümü ile
    süsledikten sonra kafesteki manitasını içeride köpek gibi sikmeye başladıktan sonra koltuğa çıkararak götten öyle bir sokar ki kuru kuruya kalın yarağını dürtünce çığlık atan manitasını
    büyük kedigiller gibi kükreyerek sikmeye devam eder.

  16. I was just looking for this info for a while. After 6 hours
    of continuous Googleing, at last I got it in your site.

    I wonder what’s the lack of Google strategy that don’t rank
    this kind of informative web sites in top of the list.
    Normally the top sites are full of garbage.

  17. Please let me know if you’re looking for a article author for your weblog. You have some really good articles and I believe I would be a good asset. If you ever want to take some of the load off, I’d love to write some material for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Regards!|

  18. We stumbled over here different website and thought I might as well check things out. I like what I see so now i’m following you. Look forward to checking out your web page again.|

  19. First off I want to say superb blog! I had a quick question that I’d like to ask if you do not mind. I was interested to know how you center yourself and clear your thoughts before writing. I’ve had a hard time clearing my mind in getting my ideas out. I truly do enjoy writing however it just seems like the first 10 to 15 minutes are wasted simply just trying to figure out how to begin. Any ideas or tips? Thank you!|

  20. Woah! I’m really digging the template/theme of this site. It’s simple, yet effective. A lot of times it’s challenging to get that « perfect balance » between superb usability and visual appearance. I must say you have done a amazing job with this. Additionally, the blog loads very quick for me on Internet explorer. Outstanding Blog!|

  21. I have been exploring for a bit for any high quality articles or weblog posts in this sort of house . Exploring in Yahoo I ultimately stumbled upon this site. Reading this info So i am happy to show that I’ve a very good uncanny feeling I came upon exactly what I needed. I such a lot indisputably will make certain to don?t omit this web site and provides it a glance regularly.|

  22. Hmm it seems like your blog ate my first comment (it was extremely long) so I guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying your blog. I too am an aspiring blog blogger but I’m still new to everything. Do you have any recommendations for first-time blog writers? I’d definitely appreciate it.|

  23. Merhaba saygı değer Malatya’lı hemşerilerim, Malatya SEO hizmeti olarak sizlere kısaca birkaç
    şey söylemek istiyorum.

    11 yıldır aktif olarak SEO algoritma ve Google başda olmak üzere bir SEO hayatı serüvenim bulunmaktadır.
    Kurumsal firmalar, mağazalar, dükkanlar, ticari toptan alım satım kısacası iş
    yerleri olmak üzere başlıca kişisel SEO işlerinizi halen aktif olarak yapmaktayım.

    11 yıllık bu serüvenimde 7 yıldır profesyonel anlamda Seo Bayi yani Malatya SEO olarak hizmet veriyorum.
    Günümüz internet çılgınlığı devam eden bu süreç de herkesin cebinde olan telefonlar ile
    dünya parmaklarımızın ucunda olduğunu bütün insanlar kabul görüyor.
    Google’ da hizmet verdiğiniz iş yeriniz ile alakalı SEO çalışmalarını gerçekleştirebilirim.
    Lafı uzatmak istemiyorum, kısaca Google aramalarında istediğiniz aranan kelimeyi
    ilk sayfaya getiriyor ve sizin ticari gelirlerinizi bu sayede arttırıyorum.

    Örnek vericek olursak; Kayısı satan bir dükkanınız var;
    ” Arkadaş gün teknoloji devri bende kullanmalıyım satışlarımı artırmalıyım.” diyorsanız Google aramalarında
    Malatya Kayısı, Malatya toptan kayısı kelimeleri yazıldığında sizin web sitenizi ilk sayfalara getiriyor ve bu sayede herkes tarafından kolayca bulunup tanınıyorsunuz.

    Genelleme olarak doğal gaz tamiratı, cafe, asansör firmanız, evden eve nakliyat, rent a car, boya badana,
    halı yıkama, ürün satışı kısaca aklınıza gelicek herşeyi Malatya SEO ile istenilen sonuçları elde edebilirsiniz.

  24. Köpek Eğitimi
    Köpek Eğitimi
    İstanbul’da güvenilir ve kaliteli eğitimleri
    hayat felsefesi edinen uzman kadro ile sayısız hizmetimizden yararlanan binlerce kişi bulunmaktadır.

    Köpek eğitimi sabır ve disiplin ile gerçekleşen bir zaman sürecine sahiptir.

    Köpeklerde eğitim kulvarları ve eğitim süreçlerimiz
    keyifli ve eğlenceli geçmektedir. İstanbul
    merkezli köpek eğitimi başlıca akıllara
    gelen ilk soru köpek tuvalet eğitimi ile başlanmaktadır.
    Bir çok kişinin sorusu genelde yavru köpek eğitimi ile beraber yetişkin hayvanlarımızın eğitime ne kadar uyumlu olup olmadığıdır.
    Gelin hep beraber hayat yoldaşlarımıza yol gösterelim.
    Unutmayın ki eğitim hayatımızın her yerinde bulunmaktadır.

    Köpek eğitim fiyatları denildiğinde lükse kaçıyor düşüncesi ile insanların aklına kazınmıştır, lakin biz siz değerli
    köpek severlerimize kolaylık ve uygun fiyatlar sunuyoruz.

    Eğitimlerimizin yanı sıra seyehat sırasında akraba, eş dost, komşularımız gibi yakın gördüklerimize bu
    tatlı can arkadaşlarımızı emanet edip gidiyoruz, aman birşey
    mi oldu ?, acaba yemek yedi mi ?, hasta mı ?
    vb.. bir çok soru aklımıza geliyor. Biz sizler için köpek eğitimi hizmetinin yanı sıra köpek oteli olarak da
    hizmet veriyoruz.
    köpek eğitim merkezi
    İstanbul’da istediğiniz gibi tesislerimizi gezebilir,görebilir ve konaklama sağlıyabilirsiniz.
    Kalite, Güven, Huzur, Temizlik köpek eğitim merkezimizin başlıca kurallarıdır.

    Huzur veren bu canlıları sevmek, korumak, sahiplenmek biz hayvan severler olarak mutluluğa işte
    bukadar yakınız.
    Metropol hayatının bize vermiş olduğu bu stresli günlerin sonunda eve geldiğimizde bize doğru koşan ya da bahçemizde sizi gördüğünde üstünüze atlayıp sizi seven hayat ortaklarımıza eğitim konusunda sonuna kadar sizlerin arkasındayız.

    Hayat boyu eğitim, hayat boyu disiplin diyelim ve sizleri İstanbul köpek eğitimi merkezine
    davet edelim.
    Köpek Eğitim Fiyatları
    Fiyatlarımız vermiş olduğumuz hizm ile karşılaştığında cok küçük rakamlar haline geliyor neden peki ?, çünkü istiyoruz
    ki duyarlı ve hayvan dostu insanların bu konuda elimizden geldiğince kolaylık sağlamak.
    Yüzlerce eğitim programlarımız bulunmaktadır. Sizin için en ideal olanları uzman arkadaşlarımız ile gelin beraber
    belirliyelim ve mutlu bir sıcak yuva ortamı ile köpeğiniz
    ile güzel günler geçirin.
    Sitemiz de sizler için aktif bir şekilde köpek eğitimleri ve diğer bütün bilgi
    içeriklerini sizler ile paylaşıyoruz. Uzman yazarlarımız ve Veteriner hekimlerimiz desteği
    ile sizlere gerçek, doğru, saf bilgiyi verme hedefindeyiz.

    İstiyoruz ki gerçek anlamda bilgilenin ve yazılarımızı okurken yüzünüzde bir
    tebessüm belirsin. Genel bloglarımız ve kimi zaman güldüren kimi zaman düşündüren yazılarımız sizler için bilgi kaynağı olucaktır.

  25. Magnificent goods from you, man. I’ve understand your stuff previous to and you are just too fantastic. I really like what you have acquired here, certainly like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it wise. I can’t wait to read much more from you. This is actually a tremendous web site.|

  26. instagram takipci hilesi aracımız ile takipçi sayınızı
    yükseltebilirsiniz. Bu aracımız sizlere özel ücretsiz bir şekilde çalışmaktadır.
    Takipçi hilesi yaparak instagram da tanınmış bir kişi olmak artık çok basit.!

  27. It’s a pity you don’t have a donate button! I’d definitely donate to this superb blog! I suppose for now i’ll settle for bookmarking and adding your RSS feed to my Google account. I look forward to brand new updates and will talk about this blog with my Facebook group. Talk soon!|

  28. When I initially left a comment I appear to have clicked on the -Notify me when new comments are added- checkbox and from now on every time a comment is added I get four emails with the same comment. There has to be an easy method you can remove me from that service? Thanks!|

  29. This is the very interesting post. I actually like that you only provide quality information and not write about something.
    Retain it up and you should get to great results.

    Exactly what do a person think about my internet site? unelte de pescuit

  30. This is a truly interesting website I sine qua non say.

    Too stale that there are not too assorted websites like This anymore. But I am timely that I found it. Ok champion calligraphy on it .

    You can take in my website here as well: xbody ems

  31. of course like your web site but you have to take a look at the spelling on several of your posts. Several of them are rife with spelling problems and I find it very troublesome to inform the truth nevertheless I will certainly come back again.|