処理で作成された pde をバニラの html ページに埋め込もうとしています:
これが私のコードです：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="application/javascript" src="processing-1.4.1.min.js"></script>
</head>
<body>
<canvas width="700" height="821" data-processing-sources="jailmap2012capacity.pde"></canvas>
</body>
</html>
ページが読み込まれると、何も表示されません。
Firefox のコンソールにはエラーが表示されませんが、Chrome では「Uncaught TypeError: Cannot call method 'addListener' of undefined」というエラーが 6 行目の client.js で表示されますが、表示されません。これが問題に関連しているとは思わない.
Processing pde は、Processing IDE 内で正しくレンダリングされます。
アイデア？提案？考え？ありがとう！
編集: スクリプト リンクで「ソース」を「src」に変更しました。
解決策: Processing IDE で作成されたデフォルトの .pde には、Web での使用に必要なプリロード タグが含まれていないようです。
参考： http: //processingjs.org/reference/preload/
画像とフォントは、次のように .pde の最初の行にプリロードする必要があります。
/* @pjs preload="path/image_1.gif, path/image_2.gif"; font="path/font_1.eof, path/font_2.eof"; */