Processing.jsのリファレンスページを見て、テキスト表示できるのを知りお試し。
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Processing: parabolic motion</title>
</head>
<body>
<canvas id="mycanvas"></canvas><br />
<script src="processing-1.4.1.min.js" type="text/javascript"></script>
<script type="application/processing" data-processing-target="mycanvas">
int text_size = 20;
void setup() {
size(320, 240);
textSize(text_size);
background(#000000);
}
void draw() {
background(#000000);
String time = "TIME " + hour() + ":" + minute() + ":" + second();
text(time, 10, text_size);
}
</script>
</body>
</html>
参考サイト
- Processing.js
リファレンス - 日経ソフトウエア 別冊 – ゲームプログラミング入門：ITpro
訂正・補足、サンプルコードのダウンロード
ゲームプログラミング入門 (日経BPパソコンベストムック)
posted with amazlet at 12.11.08
日経BP社 (2012-10-22)
売り上げランキング: 23469
売り上げランキング: 23469
関連エントリー
