IONICサードパーティのLIBS

Question

私がイオンする新たなんだと少しの助けを必要とする：

私はhereからチュートリアルとchart.jsのようなものを実装している、と私は本当に成果が好きでした。

でも、同じことをp5.jsからprocessingにして実行しようとしましたが、それを動作させることができませんでした。

私は、データの可視化にクラスのデータを表示する必要があり、データを表示するには、mo.jsでp5.js、またはphaser.jsをイオンを使用したいです。

Answer 1

まず、どこからでもp5ライブラリが必要です。ここで最も簡単な方法はnpmです。だから、NPMを使用してP5をインストール：

npm install p5 

次にあなたがnode_modulesからライブラリをインポートする必要があるので、WebPACKのは、それはあなたのvendor.jsバンドルにそれを置く必要があります知っている：

import * as p5 from 'p5/lib/p5.min'; 

次に、あなたがそのようにそれを使用することができます：

を

let sketch = p => { 
    let x = 100; 
    let y = 100; 

    p.setup =() => { 
    p.createCanvas(700, 410); 
    }; 

    p.draw =() => { 
    p.background(0); 
    p.fill(255); 
    p.rect(x, y, 50, 50); 
    }; 
}; 

let myp5 = new p5(sketch); 

私はp5自体について何も知らないことを認めなければならないので、それはイオンプロジェクトで使用するのがよいかどうか、あるいは例cどのようにそれを使用するかについての賛否両論は有用な何かを作り出します、それは私がgithubで見つけた単なる例です。

<canvas id="defaultCanvas0" style="width: 700px; height: 410px;" width="2100" height="1230"></canvas>