Swift - 在界面上生成81个随机红,灰色圆点(SpriteKit游戏开发)
下面是生成一个“围住神经猫”游戏的初始场景:


3,圆点容器类 PointContainer.swift
4,主界面 GameScene.swift
1,界面下方会生成9*9共81个圆点,同时圆点内部添加文本标签显示索引
2,默认圆点为灰色,每行随机取两个点变为红色
3,奇数行和偶数行有一定的错位,错位的横向距离是圆的半径
效果图如下:

1,首先给资源库Images.xcassets添加资源图片:

2,圆点类 GaPoint.swift
import SpriteKit //圆点类型枚举 enum PointType:Int{ //灰0 红1 case gray=0,red; } class GaPoint:SKSpriteNode{ //自身索引 var index = 0 //圆点类型,默认为灰色点 var type = PointType.gray //圆点内的文本节点 var label:SKLabelNode? //设置文本节点的文字 func onSetLabel(i:String){ if label == nil { //文本节点的字体 label = SKLabelNode(fontNamed:"Chalkduster") //文本节点的字体大小 label!.fontSize = 22 //文本节点的位置 label!.position = CGPointMake(0, -10) //取消文本节点的交互性 label!.userInteractionEnabled = false //将文本节点加入圆点类 self.addChild(label!) } //设置文本节点的内容 label!.text = i } }
3,圆点容器类 PointContainer.swift
import SpriteKit class PointContainer:SKNode,UIAlertViewDelegate{ //灰点纹理 let textPoint1 = SKTexture(imageNamed: "pot1") //红点纹理 let textPoint2 = SKTexture(imageNamed: "pot2") //记录所有圆点的数组 var arrPoint = [GaPoint]() func onInit(){ for i in 0...80 { //默认为灰色点 let point = GaPoint(texture: textPoint1) //对行数除以9取整,用来为下面判断奇偶行做准备 let row = Int(i/9) //列 let col = i%9 //x轴位移 var gap = 0 //奇偶行判断 if Int(row % 2) == 1 { gap = Int(textPoint1.size().width)/2 }else { } //取得纹理尺寸,用作计算位置 let width = Int(textPoint1.size().width) //计算x坐标 let x = col * (width+5) - (9*width)/2 + gap //计算y坐标 let y = row * width - (9*width)/2 //设置位置 point.position = CGPointMake(CGFloat(x),CGFloat(y)) //记录索引 point.index = i point.onSetLabel("\(i)") //设置z轴排序 point.zPosition = 10 //将点加入PointContainer中 self.addChild(point) //将点加入数组中 arrPoint.append(point) } //随机生成红点 onCreateRed() } //随机生成红色的点 func onCreateRed(){ for i in 0...8 { let r1 = Int(arc4random() % 9) + i * 9 let r2 = Int(arc4random() % 9) + i * 9 onSetRed(r1) onSetRed(r2) } } //改变圆点类型 func onSetRed(index:Int){ arrPoint[index].type = PointType.red arrPoint[index].texture = textPoint2 } }
4,主界面 GameScene.swift
import SpriteKit class GameScene: SKScene { let pointContainer = PointContainer() //当切换到这个场景视图后 override func didMoveToView(view: SKView) { //将Images.xcassets中的bg.jpg 来制作背景 var bg = SKSpriteNode(imageNamed: "bg") //设置位置 bg.position = CGPoint(x:CGRectGetMidX(self.frame), y:CGRectGetMidY(self.frame)); self.addChild(bg) //设置圆点容器 pointContainer.position = CGPoint(x:CGRectGetMidX(self.frame)-10, y:CGRectGetMidY(self.frame)-150); self.addChild(pointContainer) pointContainer.onInit() } //响应屏幕点击的方法 override func touchesBegan(touches: NSSet, withEvent event: UIEvent) { } }