https://peda.net/id/a2997d2ef2a 2017-02-14T13:12:41+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/1c2f4a70f2a 2018-10-10T09:09:28+03:00 Processing-ohjelmasta löytyy myös JavaScript-kirjasto. Tämä kirjasto on nimeltään: processing.js ja sen voi ladata osoitteesta: <a href="http://processingjs.org/" rel="nofollow ugc noopener">http://processingjs.org/</a> <br/> Processing.js kirjasto mahdollistaa processing-ohjelman ajamisen sellaisenaan Internet selaimessa. <span>Processing.js kirjastoa käyttävät esimerkiksi Processing-ohjelman online editorit. Esimerkiksi: </span><br/> <a href="http://sketchpad.cc/" rel="nofollow ugc noopener">http://sketchpad.cc/</a><a href="http://valentin.dasdeck.com/processing/" rel="nofollow ugc noopener"><br/> J</a><span>otka toimivat samalla tavalla kuin Processing-ohjelma.<br/> </span><br/> Tämän lisäksi kehitteillä on toinen Processing-ohjelman kirjasto, joka on nimeltään p5. P5.js-kirjasto käytää alkuperäistä JavaScript-kieltä ja komennot ovat osittain erilaisia kuin Processing-kelessä eli samanlaisia kuin JavaScript-kielessä. Eroavuutta on esimerkiksi setup () ja draw () lohkojen nimeämisessä ja, sekä muuttujien nimeämisessä. P5.js kirjaston voit ladata osoitteesta: <a href="http://p5js.org/" rel="nofollow ugc noopener">http://p5js.org/</a><br/> <br/> Processing-ohjelmasta tehdään oma tekstitedostonsa, joka nimetään loppupäätteellä js. Kun nämä kaksi tiedostoa (p5.js kirjasto ja OmaTiedosto.js) yhdistetään samalle html-sivulle, niin koodin voi katsoa selaimella.<br/> <br/> <b>Katso tästä tekemäni esimerkki: <a href="http://pohjois-karjala.maol-kerhot.fi/processing/index.html" rel="nofollow ugc noopener">yhtälön ratkaisusta</a>.</b><br/> <br/> Tämä ohjelma on esimerkki siitä kuinka simulaatioita voidaan helposti itse tehdä Processing-kielellä ja hyödyntää matematiikan tunnilla. Näitä on luvassa e-Opin 8. luokan koodausmateriaalissa.<br/> <br/> <b>Katso tästä vielä toinen esimerkki: <a href="http://pohjois-karjala.maol-kerhot.fi/processing/atomi.html" rel="nofollow ugc noopener">Litium-atomista</a></b><br/> <b>Ja kolmas tekemäni esimerkki on: <a href="http://pohjois-karjala.maol-kerhot.fi/processing/taittuminen.html" rel="nofollow ugc noopener">valon taittumisesta</a>.</b><br/> <br/> Myös p5js- kirjastoa hyödyntävä online-editori löytyy osoitteesta: <a href="https://editor.p5js.org/" rel="nofollow ugc noopener">https://editor.p5js.org/</a> 2017-02-14T13:09:53+02:00