これまで描画APIやイベント関数など、基礎となる利用方法を解説してきました。Frocessingを使うことでグラフィック描画を手軽に、手早くプログラミングできるとことがわかっていただけたかと思います。手軽さや手早さは、いろいろなことを試す、つまりスケッチ（素描・試作・思索）を行う上では重要な要素です。 最終回となる今回はスケッチの例としてペイントプログラムの制作過程を紹介します。 サンプルプログラムのダウンロード スケッチのはじまり 前回、マウスを使ったプログラムとして「PaintSample」を紹介しました。マウスに沿って線が描かれるシンプルなペイントプログラムです。 図1　PaintSample このプログラムをスケッチのはじまりとして、最終的には次のFlash（SketchSample7）を制作します。この2つを見比べると随分違うように見えますが「PaintSample」に少しずつ手

前回は基本描画APIを使って静止画を描くプログラムを紹介しましたが、今回はアニメーションやマウスイベントなどを使った動的なグラフィックの描画について解説します。また、曲線の描画、乱数の利用についても解説します。 サンプルプログラムのダウンロード 動きのあるグラフィックの描画 まずは、以下のプログラム（リスト1）と実行結果をご覧ください。前回解説したキャンバスの回転の例（TransformSample）に動きを加えたものです。 リスト1　AnimationSample package { import frocessing.display.F5MovieClip2D; [SWF(width=465,height=465,backgroundColor=0x000000)] public class AnimationSample extends F5MovieClip2D { private

前回はFrocessingの概要などを解説しましたが、今回は描画プログラムの基本となるAPI（線と塗りの色・基本シェイプ・キャンパスの変形）について解説します。 なお、今回のサンプルプログラムは全てfrocessing.display.F5MovieClip2Dがスーパークラスとなります。 サンプルプログラムのダウンロード 色の指定方法 以下のプログラム（リスト1）と実行結果（図1）をご覧ください。 リスト1　円の描画 stroke( 20 ); //線の色指定 fill( 168, 192, 255 ); //塗りの色指定 circle( 150, 75, 50 ); //座標(150,75)に半径50の円を描画 図1　リスト1の実行結果 このプログラムには描画の基本的な手順が記述されています。線と塗りの色指定とシェイプの描画です。まずは、stroke()、fill()による色指定につい

運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。