FrocessingではじめるActionScriptドローイング

第4回　スケッチしてみよう

2009年6月29日

高輪知明

Flash, ActionScript, Frocessing

プログラム, スケッチ, flash, online, 加速度運動, グラデーション

これまで描画APIやイベント関数など，基礎となる利用方法を解説してきました。Frocessingを使うことでグラフィック描画を手軽に，手早くプログラミングできるとことがわかっていただけたかと思います。手軽さや手早さは，いろいろなことを試す，つまりスケッチ（素描・試作・思索）を行う上では重要な要素です。

最終回となる今回はスケッチの例としてペイントプログラムの制作過程を紹介します。

サンプルプログラムのダウンロード

スケッチのはじまり

前回，マウスを使ったプログラムとして「PaintSample」を紹介しました。マウスに沿って線が描かれるシンプルなペイントプログラムです。

図1　PaintSample

PaintSample - wonderfl build flash online

このプログラムをスケッチのはじまりとして，最終的には次のFlash（SketchSample7）を制作します。この2つを見比べると随分違うように見えますが「PaintSample」に少しずつ手を加え，変化を積み重ねた結果です。

図2　SketchSample7

SketchSample7 - wonderfl build flash online

では，早速スケッチの過程を見てみていきましょう。

線の色を変化させる

まずは，描画する線に表情を与えるため色をつけてみます。次のプログラム（リスト1）と実行結果をご覧ください。

リスト1　SketchSample1

package {
  import frocessing.display.F5MovieClip2DBmp;
  [SWF(width=465,height=465,backgroundColor=0x000000,frameRate=60)]
  public class SketchSample1 extends F5MovieClip2DBmp
  {
    public function setup():void
    {
      //キャンバスのサイズ指定
      size( 465, 465 );
      //背景の描画
      background( 0 );
      //HSV
      colorMode( HSV, 1 );  //・・・・(1a)
    }
    
    public function draw():void
    {
      if ( isMousePressed )
        background( 0 );
      
      //描画
      stroke( random(0.95,1), random(0.2,1), random(0.3,1) );//(1b)
      line( pmouseX, pmouseY, mouseX, mouseY );
    }
  }
}

図3　SketchSample1

SketchSample1 - wonderfl build flash online

線の色はHSV指定を利用して(1a)，赤付近(色相)の色をランダムに指定しています(1b)。random()の値によって表示される印象が変化しますのでいろいろと試してみましょう。

Flash, ActionScript, Frocessing

高輪知明（たかなわともあき）

デザイナー／ディレクター。2008年初夏より「SparkProject」に参加し，今回紹介する「Frocessing」などをコミット。http://nutsu.comでマイペースに個人活動継続中。

FrocessingではじめるActionScriptドローイング

このエントリのトラックバック URI

お名前
メールアドレス
タイトル
コメント

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする，資格試験合格サイト「めざせ！情報処理試験パスサポ」が開設されました。

サクセスストーリーに続く，快適サーバー運用管理のヒント！: データの増大，煩雑な管理，システムダウン，セキュリティなど，迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。
gihyo.jp インフラエンジニア情報局: ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え，その魅力について多角的に紹介。
テストエンジニアステーション: いま，ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

※検索はページ右上の検索ボックスをご利用ください。

最新ソフトウェアプロテクションの導入方法（3/8～4/16）
Adobe FLASH PLATFORM CAMP Tokyo（3/16）
「組込みデータベースを利用した開発のポイントとDeviceSQLのご紹介」セミナー（3/17）

読むウェブ～本とインタラクション: ディスプレイで読む活字とそのインタラクション（interaction：相互作用）について，最新Webを紹介しながら読み解いていく。
いま，見ておきたいウェブサイト: この連載では，国内外の最新のウェブサイトを隔週更新で取り上げ，これら最新サイトの特徴や素晴らしい部分を，さまざまな角度から解説していきます。
Windows phoneアプリケーション開発入門: Windows Marcketplace for Mobileがサービス開始され，作成したアプリケーションを個人でも世界をターゲットに公開できる環境が整ってきました。これを機にWindows phoneアプリケーションの開発をしてみませんか？
ここは知っておくべき！Windows Server 2008技術TIPS: 5年ぶりのサーバOSとなったWindows Server 2008が出荷されて早2年。2009年にはR2が出荷され，再び注目を集めています。発売前から実施したトレーニングによって感じた，インフラエンジニアの方々に知っておいていただきたい機能を中心にご紹介します。
キーパーソンが見るWeb業界: 本連載はWeb Site Expert／gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による，Web業界をテーマにした座談会です。
きたみりゅうじの聞かせて珍プレー: ソフトウェア開発の現場で体験したトホホな失敗，思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます！
ActionScript 3.0で始めるオブジェクト指向スクリプティング: 野中文雄氏が，簡単なスクリプトは書いたことがあるという初級者を対象に，ActionScript 3.0の基本からクラス定義までを解説します。
まだ間に合う「ITパスポート」受験対策　原山先生の短期合格塾: この連載では，4月18日のITパスポート試験の受験に向けて，短い期間で効率良く受験対策を行う方法や，確実に得点するための裏ワザなどを伝授していきます。