Използване на ProcessingJS извън Кан Академия

Имаме страхотна среда за редактиране – актуализира се в реално време и предоставя полезни грешки, плъзгачи за числа и опции за избор на цвят. Проектирана е с мисъл и грижа за новите програмисти – имаме хиляди такива всеки ден и искаме да направим така, че JavaScript да е по-лесен за научаване.

След като се запознаеш с JavaScript и започнеш да разработваш по-дълги и сложни програми, може да откриеш, че искаш различни опции в средата за кодиране. Може би не искаш актуализации в реално време или пък искаш да поставиш кода си в множество файлове, или да направиш интеграция със система за контрол на версиите. Или може би просто искаш да интегрираш програмите си на ProcessingJS в сайт.

В такъв случай може би е време да започнеш да програмираш в ProcessingJS извън Кан Академия. Не можеш просто да копираш и поставиш програмния код във файл на десктоп редактор и да видиш работеща програма. И защо не?

ProcessingJS е библиотека, построена върху уеб технологии. Когато програмираш с нея в Кан Академия, всъщност „зад кулисите“ създаваме уеб страница (HTML файл), слагаме етикет <canvas> в нея, зареждаме ProcessingJS JavaScript библиотеката и след това изпълняваме програмния код.

Това означава, че ако искаш да работиш върху своя програма извън Кан Академия, ще трябва да създадеш HTML файл, който прави това, което правим ние.

Ето пример, с който можеш да започнеш:

Този пример е изграден с помощта на нашата уеб среда. Ти обаче можеш да го поставиш в HTML файл в произволна друга среда за редактиране на код.

Ако поставиш програмния си код в този шаблон, може да откриеш, че всичко работи перфектно, и ще подскочиш от радост!

Ако нещата не работят съвсем правилно, причината може да бъде, че шаблонът не е в точно същата версия на ProcessingJS, използвана в Кан Академия. Нашата е проектирана специално да се използва вътре в Академията, така че препоръчваме да използваш официалната ProcessingJS библиотека, когато програмираш извън Кан Академия.

Има няколко съществени разлики между нашата ProcessingJS и официалната:

КА използва mouseIsPressed вместо mousePressed за глобалната булева стойност. По подобен начин КА използва keyIsPressed вместо keyPressed. Това означава, че трябва да промениш mouseIsPressed и keyIsPressed, когато поставяш код в шаблона.
КА използва по подразбиране градуси за всички параметри на ъгли вместо радиани. Ако използваш градуси за ъглите в програмата си, можеш да ги преобразуваш, като използваш radians().
КА използва getImage() и getSound() за изображения и звукови файлове, които не съществуват в официалната версия. Можеш да използваш PImage за изображения и ще трябва да създадеш етикет <audio> за възпроизвеждане на звук.

Официалната версия също има по-широк диапазон на функционалност, като например манипулация на изображения и повече 3D възможности. Можеш да разгледаш всички опции в документацията.

Разбира се, ще се радваме да видим програмите, които създаваш извън Кан Академия, така че се надявам да ги споделиш, след като са готови, или чрез превръщането им обратно към нашата версия на ProcessingJS, или като ги споделиш в уеб средата ни.

В следващата тема ще говоря повече за десктоп редакторите и инструментите за отстраняване на грешки.

Искаш ли да се присъединиш към разговора?

Вписване в профила

Сортирай по:

Все още няма публикации.

Разбираш ли английски? Натисни тук, за да видиш още дискусии в английския сайт на Кан Академия.