0

iOSアプリでProcessing.jsを試してみたいのですが、

http://procoding.audiocommander.de/と http://luckybite.com/iprocessing/でプロジェクトを確認しました

しかし、どれも実際に動作する例を持っていないので、作成に行きました...

SO ... プロジェクトを作成し、 https://github.com/mako34/processing_iOSにアップロードしました

私の理解では、必要なのは html5 キャンバスと js のラッパーだけです。

processing-1.4.1.js

働くために??

私の index.html は、デバイスではなくブラウザで正常に動作します!

私のキャンバスは、このテスト テンプレートに線を引いても問題なく動作します

私の js はこのテスト テンプレートで正常に動作します

iPhoneの実際のWebビューでは機能しませんが、

では、スケッチを機能させるために何が欠けているのでしょうか?

どうもありがとう！

ここに私のindex.html

<!doctype html>
<head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">

      <link rel="stylesheet" href="style.css">

      <script src="jquery-1.6.2.min.js"></script>
      <script defer src="script.js"></script>
      <script src="processing-1.4.1.js"></script>


</head>
<body id="body">
  <div id="container">

    <div id="main" role="main">
        <a href="/" class="js">jQuery Alert</a><br />
        <a href="objc://message">Objective-C Alert</a><br />
        <a href="objc://takePicture">Take a picture</a><br />
    </div><!-- #main -->

      <canvas data-processing-sources="example.pde" style="border: 1px solid black;"></canvas>

    <img id="testImage" src="iphonebattery.jpeg" />

      <canvas id="myCanvas" width="320" height="200"></canvas>
      <script>
          var canvas = document.getElementById('myCanvas');
          var context = canvas.getContext('2d');

          context.beginPath();
          context.moveTo(100, 150);
          context.lineTo(450, 50);
          context.stroke();
          </script>

  </div><!-- #container -->
</body>
</html>
4

1 に答える 1

2

まず、キャンバス タグを 2 つ持つ必要はありません。実装を改善するために、実際の ProcessingJS Web サイトをチェックすることをお勧めします: http://processingjs.org/

iOS にコンパイルするための Processing のセットアップと iDevice の準備に関するチュートリアルがいくつかあります: http://ericmedine.com/processing-for-ios/

お役に立てれば！

于 2013-06-11T01:25:07.590 に答える