そのため、ユーザーが画面の下部にあるスパイク(三角形)によって破壊する必要があるオブジェクトをドロップするゲームを作成しています。
三角形のUIViewを作成する方法はわかりません。しかし、私はそれをこのような長方形として機能させることができました:
let barrier = UIView(frame: CGRect(x:125, y: 650, width: 130, height:20))
barrier.backgroundColor = UIColor.orangeColor()
view.addSubview(barrier)
そして、これはうまくいきました。しかし、三角形の作り方はわかりません。 UIViewとしてそれが欲しい理由は、衝突を使用して、ユーザーがそれを移動するためです。 PNG三角形を試しましたが、三角形の開始点ではなく、画像の境界として衝突を検出します。
私はこれを試しましたが、うまくいきません...
let square = UIView(frame: CGPathMoveToPoint(path, nil, 50, 0), CGPathAddLineToPoint(path, nil, 100, 50), CGPathAddLineToPoint(path, nil, 0, 100))
square.backgroundColor = UIColor.purpleColor()
view.addSubview(square)
すべての助けをいただければ幸いです、
おかげで、
アレックス
前のコードを少し変更して、マージンを追加し、色を検査可能として塗りつぶしました。Swift4でうまく機能します。
import UIKit
@IBDesignable
class TriangleView : UIView {
var _color: UIColor! = UIColor.blue
var _margin: CGFloat! = 0
@IBInspectable var margin: Double {
get { return Double(_margin)}
set { _margin = CGFloat(newValue)}
}
@IBInspectable var fillColor: UIColor? {
get { return _color }
set{ _color = newValue }
}
override init(frame: CGRect) {
super.init(frame: frame)
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
override func draw(_ rect: CGRect) {
guard let context = UIGraphicsGetCurrentContext() else { return }
context.beginPath()
context.move(to: CGPoint(x: rect.minX + _margin, y: rect.maxY - _margin))
context.addLine(to: CGPoint(x: rect.maxX - _margin, y: rect.maxY - _margin))
context.addLine(to: CGPoint(x: (rect.maxX / 2.0), y: rect.minY + _margin))
context.closePath()
context.setFillColor(_color.cgColor)
context.fillPath()
}
}
CAShapeLayerは、レイヤーの形状を変更できます。
var mask = CAShapeLayer()
mask.frame = self.layer.bounds
let width = self.layer.frame.size.width
let height = self.layer.frame.size.height
var path = CGPathCreateMutable()
CGPathMoveToPoint(path, nil, 30, 0)
CGPathAddLineToPoint(path, nil, width, 0)
CGPathAddLineToPoint(path, nil, width, height)
CGPathAddLineToPoint(path, nil, 0, height)
CGPathAddLineToPoint(path, nil, 30, 0)
mask.path = path
// CGPathRelease(path); - not needed
self.layer.mask = mask
var shape = CAShapeLayer()
shape.frame = self.bounds
shape.path = path
shape.lineWidth = 3.0
shape.strokeColor = UIColor.whiteColor().CGColor
shape.fillColor = UIColor.clearColor().CGColor
self.layer.insertSublayer(shape, atIndex: 0)
PNG三角形を試しましたが、三角形の開始点ではなく、画像の境界として衝突を検出します。
単純な衝突(たとえば、組み込みのUIKitダイナミクス-only長方形のビューの衝突)を使用する場合、それについてできることは何もありません。高度な形状の衝突が必要な場合は、自分で実装するか、スプライトを使用する必要があります。
ユーザーが移動するために
これははるかに簡単です。このビューのhitTest
をオーバーライドし、ユーザーがタッチした場所が三角形の画像の境界外にある場合はnil
を返します。