HTML5游戏开发:形状定义与移动开发要点
1. 形状定义
在游戏开发中,形状定义是一个基础且重要的部分。在相关开发中,形状属性的可能值与基本SVG形状相同,有四种可用形状,分别是矩形、椭圆、圆形和多边形。点值可以用长度值或百分比值表示。每种形状的语法非常一致,形式为 <shape>([value]{?})
。具体如下:
- 矩形 :
- rectangle(x, y, width, height)
:定义一个尖锐的矩形,形状的左上角位于点 x, y
。
- rectangle(x, y, width, height, round-x, round-y)
:定义一个可以对其角进行圆角处理的矩形。
- 椭圆 : ellipse(x, y, radius-x, radius-y)
:定义一个以点 x, y
为中心的椭圆。
- 圆形 : circle(x, y, radius)
:定义一个给定半径、以点 x, y
为中心的圆。
- 多边形 : polygon(p1-x p1-y, p2-x p2-y, (…))
:根据三个或更多对 x, y
位置定义一个多边形。
以下是一个简单的表格总结这些