四角形の描画

四角形の描画のサンプルです。

構文	screen.drawRect(screen, x0, y0, x1, y1, color)
構文	screen.drawFillRect(screen, x0, y0, x1, y1, color)
構文	screen.drawGradientRect(screen, x0, y0, x1, y1, color1, color2, color3, color4)
構文	screen.drawTextBox(screen, x0, y0, x1, y1, text [, color])

このサンプルには、四角形を描画の

• 線による四角形。
• 塗りつぶしの四角形
• グラデーションの四角形
• 四角形内に文字を描画

の４種類です。

--　四角形を描画 drawRect.lua
 
--	新しいキャンバスを作成します
canvas = Canvas.new()
 
-- キーを押すまで
while not Keys.newPress.Start do
 
	Controls.read()
 
	startDrawing()
	-- 描画 SCREENUP
	screen.drawRect(SCREEN_UP, 0, 0, 256, 192, Color.new(31,31, 31)) -- 白（ホワイト）
	screen.drawRect(SCREEN_UP, 150, 10, 220, 20, Color.new(31, 0, 0)) -- 赤（レッド）
	screen.drawRect(SCREEN_UP, 120, 100, 140, 140, Color.new( 0, 31, 0)) -- 緑（グリーン）
	screen.drawRect(SCREEN_UP, 160, 160, 180, 180, Color.new(31, 17, 0)) -- 橙（オレンジ）
	for i = 1, 5 do
		screen.drawRect(SCREEN_UP, 10 + 10 * i , 10 + 10 * 1, 30 + 15 * i, 30 + 15 * i, Color.new( 0, 0, 31)) -- 青（ブルー）
	end
	screen.drawTextBox(SCREEN_UP, 150, 60, 180, 100, "text box",Color.new(31,31, 31))
	-- 描画 SCREENDOWN 1/2
	screen.drawRect(SCREEN_DOWN, 0, 0, 256/2, 192, Color.new(31,31, 31)) -- 白（ホワイト）
	screen.drawRect(SCREEN_DOWN, 150/2, 10, 220/2, 20, Color.new(31, 0, 0)) -- 赤（レッド）
	screen.drawRect(SCREEN_DOWN, 120/2, 100, 140/2, 140, Color.new( 0, 31, 0)) -- 緑（グリーン）
	screen.drawRect(SCREEN_DOWN, 160/2, 160, 180/2, 180, Color.new(31, 17, 0)) -- 橙（オレンジ）
	for i = 1, 5 do
		screen.drawRect(SCREEN_DOWN, (10 + 10 * i)/2 , 10 + 10 * 1, (30 + 15 * i)/2, 30 + 15 * i, Color.new( 0, 0, 31)) -- 青（ブルー）
	end
 
	-- 描画 SCREENDOWN 2/2
	screen.drawGradientRect(SCREEN_DOWN, 128 + 10, 0 + 10, 256 -10, 192 -10, Color.new(31,31, 31),Color.new(31, 0, 0),Color.new( 0, 31, 0),Color.new(31, 17, 0))
 
	render()
 
end
 
Canvas.destroy(canvas)
 

実行例
四角形の描画のサンプルです。
この画面では、上画面と下画面の左側は白枠があるはずですがエミュレータでは表現されていませんが、実機で描画を確認しています。
また、グラデーションについても実機のほうが自然に描画されています。