Testaa Processing-ohjelman JavaScript-kirjastoa
Processing-ohjelmasta löytyy myös JavaScript-kirjasto. Tämä kirjasto on nimeltään: processing.js ja sen voi ladata osoitteesta: http://processingjs.org/
Processing.js kirjasto mahdollistaa processing-ohjelman ajamisen sellaisenaan Internet selaimessa. Processing.js kirjastoa käyttävät esimerkiksi Processing-ohjelman online editorit. Esimerkiksi:
http://sketchpad.cc/
Jotka toimivat samalla tavalla kuin Processing-ohjelma.
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: http://p5js.org/
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.
Katso tästä tekemäni esimerkki: yhtälön ratkaisusta.
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.
Katso tästä vielä toinen esimerkki: Litium-atomista
Ja kolmas tekemäni esimerkki on: valon taittumisesta.
Myös p5js- kirjastoa hyödyntävä online-editori löytyy osoitteesta: https://editor.p5js.org/
Processing.js kirjasto mahdollistaa processing-ohjelman ajamisen sellaisenaan Internet selaimessa. Processing.js kirjastoa käyttävät esimerkiksi Processing-ohjelman online editorit. Esimerkiksi:
http://sketchpad.cc/
Jotka toimivat samalla tavalla kuin Processing-ohjelma.
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: http://p5js.org/
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.
Katso tästä tekemäni esimerkki: yhtälön ratkaisusta.
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.
Katso tästä vielä toinen esimerkki: Litium-atomista
Ja kolmas tekemäni esimerkki on: valon taittumisesta.
Myös p5js- kirjastoa hyödyntävä online-editori löytyy osoitteesta: https://editor.p5js.org/