Использование обработки скетчей с вкладками в обработке JS

У меня есть скетч Processing, который я хотел бы отобразить на своем сайте с помощью Processing.js, а не в виде апплета Java, однако я не уверен, что он поддерживает вкладки или классы. Должен ли он быть написан как процедурный сценарий, или есть <include>, который я могу использовать, или другой вариант?

Спасибо


processing processing.js
person logic-unit    schedule 09.01.2011    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Я ответил на вопрос, связанный с обработкой и использовал классы, но я просто вставил класс после остальной части программы. Не знаю, полностью ли это ответит на ваш вопрос, но вот пример

Предварительный просмотр эскиза обработки

person George Profenza    schedule 09.01.2011
comment
О да! Это было довольно просто. Спасибо! Также приятная работа по обработке. Не уверен, знаете ли вы, что в Chrome и Firefox есть небольшая консоль, которая появляется внизу окна просмотра при использовании println(). Итак, я вижу существ: 75 или любое другое число. Не уверен, что вы хотите прокомментировать это из своей работы. Спасибо еще раз. - person logic-unit; 10.01.2011
comment
@logic-unit Я не знал, что это Chrome/Firefox, я думал, что это часть сайта hascanvas. Я оставил println() там, потому что это была часть ответа, который я дал на вопрос, я не писал программу (@Miles), я просто рефакторил ее :) Спасибо за подсказку println(). - person George Profenza; 10.01.2011

arrow_upward
7
arrow_downward

Вы также можете включить несколько файлов .pde в тег холста html, разделенных пробелами.

<canvas data-processing-sources="hello-web.pde class.pde"></canvas>

упоминается вверху этой страницы: http://processingjs.org/reference/articles/jsQuickStart

person Anthony Mattox    schedule 12.07.2011
comment
От имени cjlmia: одно предостережение: будьте осторожны, поместите файл, содержащий ваши методы setup() и draw(), как последний элемент в списке. Я видел непоследовательную загрузку эскизов, когда зависимые классы содержатся в файлах pde, перечисленных после файла pde, который содержит ваши основные методы setup() и draw(). - person jcsanyi; 28.06.2013