2015-11-23 5 views
0

Я смотрю на быстрых примерах запуска Processing.js: http://processingjs.org/articles/jsQuickStart.html и пытаюсь повторить этот «простой» пример:Processing.js примеры не работает

<!DOCTYPE html> 
<html> 
<head> 
    <title>Hello Web - Processing.js Test</title> 
    <script src="https://cdn.rawgit.com/processing-js/processing-js/v1.4.8/processing.js"></script> 
</head> 
<body> 
    <h1>Processing.js Test</h1> 
    <p>This is my first Processing.js web-based sketch:</p> 
    <canvas data-processing-sources="hello.pde"></canvas> 
</body> 
</html> 

Это то, что мой hello.pde файл выглядит следующим образом:

void setup() { 
size(200, 200); 
background(100); 
stroke(255); 
ellipse(50, 50, 25, 25); 
println("hello web!"); 
} 

Кроме того, я положил обе мои файлы, в .pde и .html из них, на мой MAMP сервер, и я к ним доступ через localhost: http://localhost:8888/testprocessing.html

Но ничего не появляется на холсте, и я получаю эту ошибку в консоли: processing.js:799 Uncaught SyntaxError: Unexpected string. Это то, что код в Processing.js выглядит на линии 799:

function loadBlock(index, filename) { 
    function callback(block, error) { 
    code[index] = block; 
    ++loaded; 
    if (error) { 
     errors.push(filename + " ==> " + error); 
    } 
    if (loaded === sourcesCount) { 
     if (errors.length === 0) { 
     try { 
      return new Processing(canvas, code.join("\n")); 
     } catch(e) { 
      console.log("Processing.js: Unable to execute pjs sketch."); 
      throw e; //this is line 799 
     } 
     } else { 
     throw "Processing.js: Unable to load pjs sketch files: " + errors.join("\n"); 
     } 
    } 
    } 

Я совершенно новый для JavaScript, и ошибка наступающей из файла processing.js, не мой код, может кто-нибудь объяснить? Благодаря!

+0

попробуйте использовать не-уменьшенную версию и, возможно, это будет более описательным, что ошибка может быть https: // CDN. rawgit.com/processing-js/processing-js/v1.4.8/processing.js – Clay

+0

@ClaytonSmith Я сделал то, что вы предложили, и это то, что я получаю ... – Vera

+1

@ClaytonSmith на самом деле спасибо! Из ошибки в файле .js я оглянулся на свой .pde-файл и увидел, что когда я скопировал код, я оставил номера строк в. Oups ... Я стер их, и все работает. невный .. – Vera

ответ

-1

Вам необходимо переписать свой путь к библиотеке обработки с полным именем библиотеки, которую вы используете в данный момент.

Например, если вы используете версию 1.4.8, вы должны написать: //./././processing-1.4.8.js

Смежные вопросы