処理中のキーが機能しない

ProcessingJSプロジェクトがあり、ローカルのHTMLページに配置しました。私は、HTMLページを開くと、私はすべてが働いても（私はグレーの背景を見ると同じように）、しかし、何も起こりません、私は「r」をクリックするか、ときに表示することができ、いくつかの理由処理中のキーが機能しない

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> 
<html> 
<script src="https://raw.githubusercontent.com/processing-js/processing-js/v1.4.8/processing.min.js"></script> 
<script type="text/processing" data-processing-target="processing-canvas"> 
size(400,400); 
background(141,141,141); 
keyPressed = function() { 
     if(key+"" === "82" || key+"" === "114"){ // "r" or "R" 
      text("Hi", 10,10); 
     } 
     return; 
}; 
</script> 
<canvas id="processing-canvas"> </canvas> 

</html>

：これはコードです'R'ボタン。どうしてこれなの？

出典

2016-08-09 Dan

だから私はそれを理解した！

void keyPressed(){ 
    // Code 
}

出典

2016-08-09 20:41:18 Dan

これは正しく見えません。

if (key == 'r' || key == 'R') {

私はあなたのコードでString値を比較しようとしている理由はわからない：

if(key+"" === "82" || key+"" === "114"){

はthe Processing.js referenceから、それはこれをする必要がありますしかし、それはJavaScript not having a char datatypeと関係があるかもしれません：

JavaScriptはnuについて知っていますJavaのように、 "char"データ型についても知っています。 charは16ビットの符号なし整数値で、文字（最初の256個の数値についてはISO8859-1コードページ、その後は基本的には魔法）であることもできます。残念なことに、JavaScriptには同等のものがないため、文字比較を文字や数字にすることは問題を引き起こす可能性が高いです。文字列を比較する処理コードがある場合は、int（）およびstr（）関数を使用してint型キャストまたは文字列キャストを実行する必要があるため、JavaScriptで扱えるデータ型を明示的に比較していることがわかりますと。

しかし、私はあなたが正しく変換を行っているとは思わない。 int()またはstr()関数を使用してみることもできます（もう一度、the referenceはあなたの親友です）。

出典

2016-08-09 01:27:31

あなたがそれを書きたい場合は、デフォルトで加工キャンバスは、Javaで書かれなければなりません：私は何をやっていたことは、私はしかし、私が書いてきたはずです

keyPressed=fuction(){ 
    // CODE 
};

を書いていたありますjavascriptでは、少し余分なhtmlでこれが可能です：

<head> 
     <script src="processing.js"></script> 
    </head> 
    <body> 
     <canvas id="canvas1 width="400" height="400"></canvas> 
     <script id="script1" type="text/javascript"> 
     function sketchProc(processing) { 
      //Code goes here 
      processing.draw = function() { 
      //This is the draw function 
      } 
     } 
     var canvas = document.getElementById("canvas1"); 
     // attaching the sketchProc function to the canvas 
     var p = new Processing(canvas, sketchProc); 
     // p.exit(); to detach it 
     </script> 
    </body>

出典

2016-09-21 23:12:18

処理中のキーが機能しない

答えて

関連する問題