GraphisPattern

  • Photoshopのパターンのようにドット画で塗りを描くクラスです。
  • MovieClip.beginBitmapFill()を実行してるだけですが、塗りの座標/色を配列で指定できるので便利かなと。
  • MITライセンスでお願いします。

コード

使い方

AS2版

import net.yoshiweb.display.graphics.Pattern;

// パターンのベース部分を2次元配列で指定
var tileArray:Array = new Array();
tileArray[0] = [1, 0, 0];
tileArray[1] = [0, 1, 0];
tileArray[2] = [0, 0, 1];

// 各ピクセルを塗りつぶす色をARGBで指定
var argbArray:Array = new Array();
argbArray[0] = 0x00;		// ← 0 番を塗る色(例:透過)
argbArray[1] = 0xffff0000;	// ← 1 番を塗る色(例:赤)

// 適用先、サイズなどを指定して、実行。
var mc:MovieClip = this.createEmptyMovieClip("test_mc", this.getNextHighestDepth());
var width:Number = 200;
var height:Number = 100;
Pattern.custom(mc, width, height, tileArray, argbArray);

AS3版

import net.yoshiweb.display.graphics.Pattern;
import flash.display.Sprite;

// タイル状のパターン2次元配列を作成
var tileArray:Array = new Array();
tileArray[0] = [1, 0, 0, 0];
tileArray[1] = [0, 0, 0, 0];
tileArray[2] = [0, 0, 1, 0];
tileArray[3] = [0, 0, 0, 0];

// 各ピクセルを塗りつぶす色を配列で指定
var argbArray:Array = new Array();
argbArray[0] = 0x00;		// 透過
argbArray[1] = 0xffff0000;	// 赤

// 適用先、サイズなどを指定して、実行。
var sprite:Sprite = new Sprite();
this.addChild(sprite);

var w:Number = 50;
var h:Number = 100;

Pattern.custom(sprite, w, h, tileArray, argbArray);

シンプルで使える!/モノクロ印刷風 Flash パターン素材

  • 各自が似たようなパターンを作成するより、シンプルで使いやすいパターンをクラス化したものを一緒に公開した方が使いやすいかと思いwwwusic.net(スリーダブリュージック)さんで公開されている下記の Photoshop のパターンを、了承を得て移植しました。
  • MITライセンスでお願いします。

シンプルで使える!Photoshop パターン素材 - wwwusic Simple Patterns
モノクロ印刷風 Photoshop パターン素材 - wwwusic MANGA ScreenTone

サンプル

AS2版

import net.yoshiweb.display.graphics.SimplePatterns;

var mc:MovieClip = this.createEmptyMovieClip("slanted_line_a_mc", this.getNextHighestDepth());
var width:Number = 50;
var height:Number = 50;
var rgb:Number = 0xff0000;  // 色を変えることもできます
var alpha:Number = 100;     // アルファ値(0〜100)

// 右上から左下への斜線
SimplePatterns.slantedLineA(mc, width, height, rgb, alpha);

AS3版

import net.yoshiweb.display.graphics.SimplePatterns;
import flash.display.Sprite;

var sprite:Sprite = new Sprite();
this.addChild( sprite );

var w:Number = 50;
var h:Number = 50;
var rgb:uint = 0x000000;  // 色を変えることもできます
var a:uint = 1;     // アルファ値(0〜1)

// 右上から左下への斜線
SimplePatterns.slantedLineA   ( sprite, w, h, rgb, a);