Last updated: 2015 -2014. Kajiyama                    [ 目次に戻る ]

コピペで 「日本語文字の描画」のソースファイルを作成・実行・保存 


  1. 日本語文字を描画するためにはソースファイルの中に日本語フォント使用する呪文を記述する.


    (1) あなたがエディターを使いソースファイルで日本語を使うことと,

      そのソースファイルでProcessingに日本語を描画させることを区別する.

    (2) ソースファイルで日本語を描画するためには,日本語フォントを選択し,使えるように指定しなければならない.

    // 日本語フォントを選択し指定する呪文
    PFont font = createFont("MS Gothic",48,true);
    textFont(font); // 選択したフォントを指定する
    textSize(48); // フォントの表示サイズ:48


  2. 操作画面の新規[New] ボタンをクリックし,新たに白紙の操作画面を表示する.


    
    
    統合開発環境
    
     ・ この操作画面の名前「sketch_150507b」は,
    
       今日の日付(sketch _年月日b)である.
    
     ・ この日付の名前が,新規作成するソースファイルの
    
       フォルダーとファイルの名になる.
    


  3. 次のプログラムを,白紙の操作画面にコピペする.

    ・次のソースファイルをコピーして,Processing開発環境のエディタ領域に貼り付ける.

    ・このソースファイルをデータフォルダー「Sketchbook」の中にファイル名を付けて保存する.

    ソースファイル
    //ファイル名:sketch_150507b.pde 
    //日本語文字を描く
    
    void setup() {
      size(500, 500);// 実行画面の大きさ
    }
    
    void draw() {
    
      // 日本語フォントを選択し指定する呪文
      PFont font = createFont("MS Gothic",48,true);
      textFont(font);  // 選択したフォントを指定する
      textSize(48);    // フォントの表示サイズ:48
    
      // 文字を描画する
      fill(255);  // 文字の色:白 255
      text("Hello world", 50, 100);
      
      fill(150);  // 文字の色:グレー 150
      text("ハローワールド", 50, 200);
      
      fill(100);  // 文字の色:濃いグレー 100
      text("MS Gothicフォント", 50, 300);
      
      fill(0);    // 文字の色:黒 0
      text("日本語表示", 50, 400);
    
    //save("letter_07.jpg");// 実行結果を画像で保存する
    //noLoop();//繰返し処理を止める
    }
    
    
    エディタに貼付


  4. ソースファイルを実行[Run]すると「キャンバス」が現れる.

    ・ ソースファイルをコピペしたのを確認し,ツールバーの 実行[Run] ボタンをクリックする.

    ・ 実行結果が,新たに,別の場所で作成された「キャンバス(実行画面)」のなかに表示される.

    
    



  5. ソースファイルの保存と確認

    ・ 保存[Save] ボタンをクリックし,ソースファイルをデータフォルダ「Sketchbook」の中に保存する.

    ・ 保存した[sketch_150507b]フォルダを確認するために,メニュー「Sketch」->「Show Sketch Folder」を選択する.

    ・ 「ドキュメント」->「Processing」フォルダーに[sketch_150507b]フォルダと内容が示される.

    ・ [sketch_150507b]フォルダには3つのデータがあり,ソースファイル「sketch_150507b.pde」と実行結果の画像一枚を確認できる.




  6. ソースファイルを公開するためにWindows版の実行ファィルを出力する.

    ・ ツールバーの 出力[Export Application] を選択し,出力用の設定画面を表示する.

    ・ 設定画面にチェックを入れ,出力「Export」をクリックする..

    ・ 作成した[sketch_150507b.pde]の実行ファイルを確認するために,メニュー「Sketch」->「Show Sketch Folder」を選択する.

    ・ windows用の32ビット版と64ビット版が作成されたか確認する.

    
    
    出力用設定画面
    
    
    

[ 目次に戻る ]