navigationProcessing入門web目次1準備2最低限の知識で作るアニメーション3プログラミングの基礎技術14多彩なアニメーションを作るために3プログラミングの基礎技術13-1制御(if文)3-2関数3-3配列3-4データ型とランダムページトップAbout3-制御(if文)今までにクマさんを移動させるプログラムを作りました。かわいく手の込んだ独自のキャラクターを作成した方もいるでしょう。このようなキャラクターの移動速度を早めたり、移動方向を変えたり、画面の端に到達したら色を変えるといったことができると楽しいですね。いった処理は、if文というものを使うことでできるようになります。if文アニメーションへの応用1アニメーションへの応用2アニメーションへの応用3if文まずはif文の書き方を説明します。ifに続く丸括弧の中に条件式を書き、そのあとに続く波括弧の中に条件式が正しいときに行われる処理を書きます。具体的には下記のようになります。//ifのあとの丸括弧の中に条件式を書く。//波括弧の中に条件が正しいときに行われる処理を書く。}上記コードでは、「x==0」が条件式で「println("xはゼロです");」が、条件式が正しいときに行われる処理です。波括弧の中の処理は複数行でも可能です。条件式で使う記号には、==(イコール)、<(小なり)、>(大なり)、!=(イコールでない)などがあります。上記プログラムを実行して、その動作を確かめてみましょう。コンソールに「xはゼロです」と出力されれば、正しく動作しています。println("xはゼロです");}条件式は「x==0」つまり、「xは0である」です。xの値は1であり、この条件に合いません。そのため波括弧中の処理は実行されません。結局、このコードでは何も出力されないのが正しい動作です。else文elseを用いると、「if文の条件式が正しくない場合に行う処理」を書くことができます。その使い方は下記のようになります。//「else」のあとの波括弧の中に、if文の条件式が正しくない場合に行う処理を書く。}このコードを実行すると、コンソールに「xはゼロではありません」と出力されます。「x==0」というif文の条件式が正しくないため、elseに続く波括弧の中の処理が実行されるのです。1」を「x=0」に変更するとどうなるでしょうか。「else」を用いると、「if文の条件式が正しくない場合に行う処理」を定義できることを上記で説明しました。これを用いると、「if文の条件式が正しくない場合に行う条件式」を定義できます。3:2の条件に合わないときに行う処理}この場合、まずは1の条件式の判定が行われます。それが正しければ、つまり「x==0」であれば、if()に続く波括弧の中の処理が行われます。1の条件式が正しくない場合は、2の条件式の判定が行われます。「x==0」でない場合、「x==1」であるかどうかの判定が行われます。if()に続く波括弧の中の処理が行われます。1の条件式も2の条件式も共に正しくない場合、つまり、「x==0」でも「x==1」でもない場合は、elseに続く波括弧の中の処理3が行われます。このように言葉で説明すると、ややこしいですね。スポーツと同じで、自分で実際にやってみなければなかなか理解できないと思います。この例では一行目で変数xに0を代入していますが、この値を様々に変更して、どのように動作するかを確認してみましょう。ifは増やすことができます。println("xはゼロでも1でも2でもありません");}アニメーションへの応用1制御処理をアニメーションに応用してみましょう。円が左から右に移動するアニメーションを以前作成しました。ifを使って、円が画面右端に到達したら、再び左端から登場するようにしてみます。width){//if文を使って、変数xが画面幅より大きくなると、0になるようにする。}}下記のように動けば、正しくプログラムが書けています。(この例では、画面をタッチすると動作が止まります)アニメーションへの応用2しかしながらこの例では、円が画面端から完全に消える前に、再び左端から登場してしまいます。左端から再登場する際にも、はじめから円の右半分が表示されています。下記はこの点を改善したプログラムです。円の半径が25なので、その分の値を調整してあげればよいです。}}プログラムを正しく書けば、下記のように動作します。アニメーションへの応用3下記は、クマさんを左から右に移動させるプログラムです。クマさんが画面から出たら、元の位置から出発するようにしました。}上記の実行結果は下記URLで見ることができます。理解を深めるために、クマさんや円が画面端に達したら、移動方向を変えたり、移動速度を変えたりしてみるとよいしょう。PreviousNext。