FC2ブログ

    Processing

    ブロック崩しになる予定のもの

    ブロックが球との指定だったので反射処理どうすればいいか考え中
    わからないからとりあえずそれっぽく反射するようにしてみた
    追記に移動

    スポンサーサイト



    SyntaxHighlighterでProcessingのコードをハイライトする

    SyntaxHighlighterの導入は調べてもらうと親切な解説サイトが多数あるのでそちらを見てください。

    参考サイト
    SyntaxHighlighter を使ってみる(導入編)
    http://ingwer-design.com/blog/javascript/syntaxhighlighter.html

    Processingハイライト用のjs
    muffinista / Processing brush for SyntaxHighlighter
    https://gist.github.com/muffinista/788734


    class="brush:XXX"

    processingを表すキーワード(XXX)はこちら
    processing
    pjs
    pde

    void setup(){
      size(500,500);
      smooth();
      noStroke();
    }
    
    void draw(){
      fill(255,0,0);
      if(mousePressed == true)
        ellipse(mouseX,mouseY,30,30);
    }
    

    中央からボールを飛ばすだけのプログラム3 クリックでマウスの方向を追いかけるよ

    初めて自分でclassを作った気がするが、勝手がいまいちわからない。
    本当は範囲外に出た時はArrayList.remove()して、ArrayList.add(new Ball())したほうがスマートなのかなーと思ったが、removeするときの指定方法がわからなかったのでとりあえずBall()と同じ処理を書いておいた。
    Ball.move()をvoidからbooleanにして範囲外に出た時はfalseを返して、falseならremoveうんたらーと考えたが面倒になったので投げた。
    実は30行目のfor (Ball b : balls)の表記もよくわかっていない、100%はわかっていないが、30%くらいわかっている(一応うごかせるレベル)のでこれで実装。(すごくずさんなプログラミングだ)

    長いので”追記”に移動

    中央からボールを飛ばすだけのプログラム2 跳ね返るよ

    関連要素はとりあえず配列に入れちゃう人
    思いついた機能を追加実装していったらごちゃごちゃになっちゃう人
    boolと書いて反応しなかったのでbooleanはないと思ってintで代用しちゃった人

    中央からボールを飛ばすだけのプログラム


    ■おまけ
    Processingのプラグラムをブラウザ上で実行するには

    知に至る病 お勉強したことを忘れないように書き留めています。 - はてなブログで Processing.js を実行する方法
    http://amano41.hateblo.jp/entry/2013/08/14/170508

    FC2ブログの場合は”簡易モードをOFF”にして、”改行の扱いをHTMLタグのみ”に変更