百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

13岁iOS开发者:Swift开发Sprite Kit游戏实践

lipiwang 2025-03-29 19:21 17 浏览 0 评论

本文作者Ajay Venkat是一名年仅13岁的iOS开发者,他非常喜欢用苹果的Sprite Kit 2D游戏框架来开发iOS游戏,在了解到很多同龄孩子也对学习如何使用Sprite Kit来开发iOS游戏非常感兴趣之后,他以自己用Swift语言所开发的一款名为“Space Monkey”的游戏为例,在Ray Wenderlich上写下了这篇指南,以下为译文:

快速入门

首先要安装苹果的iOS和Mac应用免费开发工具——Xcode。如果还没有安装Xcode,可以从App Store上下载;如果已经安装好,须确保自己使用的是最新版本。安装好Xcode后,下载并解压starter project,双击SpaceMonkey.xcodeproj,文件就会在Xcode中打开。单击“Play”,接着你会看到一整片黑屏:

starter project给了一个好的起步,接下来就是着手开发自己的游戏了。我已经在project中添加了art(艺术效果)和sounds(音效),放在文件夹Sounds 和 sprites.atlas里。art能派上大用场,不妨用“Space Monkey”牛刀小试一下吧!

添加monkey

用Sprite Kit为游戏添加图片(比如space monkey)有三步:

  1. 创建sprite。第一步用SKSpriteNode 类创建一个sprite。sprite是图片的副本,可在游戏里随意移动。
  2. 定位sprite。第二步在屏幕上定位sprite,让space monkey从屏幕左边出场,逐渐移动到中间。
  3. 将sprite添加到场景中。创建sprite还不够,要展示sprite,需要把它添加到场景中。

一步一步来,打开GameScene.swift,将代码换成如下所示:

import SpriteKit 
class GameScene: SKScene {
  // 1 - Create the sprite
  let player = SKSpriteNode(imageNamed:"spacemonkey_fly02") 
  override func didMoveToView(view: SKView) {
    // 2 - Position the sprite
    player.position = CGPoint(x:frame.size.width * 0.1, y: frame.size.height * 0.5)
    // 3 - Add the sprite to the scene
    addChild(player)
    // 4 - Set scene background color to black
    backgroundColor = SKColor.blackColor
  }
}

再回顾一下上述步骤:

  1. 用Art文件夹里的monkey图片通过SKSpriteNode(imageNamed:)创建SKSpriteNode 。注意:这一步将sprite存储在了类的一个property 里,方便开发者回头查看。
  2. 场景首次呈现时调用的是didMoveToView(_:),这里适合添加初始设置代码。这一步在屏幕的左边设定sprite的position 。
  3. 用sprite的名称调用 addChild,再添加到场景里。
  4. 游戏场景的背景色设为黑色,贴合monkey在太空飞行的设定。

编写完成后运行,就能看见monkey飞翔在太空之中了:

接下来添加monkey的敌人!

添加敌人

monkey只有一个,而敌人有很多个,而且可能出现在屏幕的不同位置。

首先需要一些method(method)创建随机数字。将这些新method添加至GameScene.swift,放在 didMoveToView(_:)后(大括号之前):

func random -> CGFloat {
  return CGFloat(Float(arc4random) / 0xFFFFFFFF)
}
func random(#min: CGFloat, max: CGFloat) -> CGFloat {
  return random * (max - min) + min
}

random返回一个介于0到1之间的十进制值。random(min:max:)返回一个固定范围的随机值。指南不详述这些步骤的原理,读者只需用好这些method就够了。

接下来,将这个新的method直接添加在 random(min:max:)之后:

// 1
func spawnEnemy {
  // 2
  let enemy = SKSpriteNode(imageNamed: "boss_ship")
  // 3
  enemy.name = "enemy"
  // 4
  enemy.position = CGPoint(x: frame.size.width, y: frame.size.height * random(min: 0, max: 1))
  // 5
  addChild(enemy)
}

再回顾一下上述步骤:

  1. 创建一个method,命名为spawnEnemy。
  2. 跟添加monkey差不多,通过调用SKSpriteNode(imageNamed:)和添加图片名称创建一个sprite。
  3. 为sprite添加名称,方便以后辨认。
  4. 在屏幕右边设定敌人在X轴位置,而Y轴位置用random设定一个随机值。
  5. 最后只要用addChild把sprite添加到parent/场景中。

剩下的就是多次调用这个method了!调用前先创建actions的序列,使敌人以固定时间间隔出现在屏幕上。将这一行添加到didMoveToView(_:)末尾:

runAction(SKAction.repeatActionForever( SKAction.sequence([ SKAction.runBlock(spawnEnemy),
        SKAction.waitForDuration(1.0)])))

这里调用spawnEnemy,用不断重复的序列创建一个action,等待时长为1秒,即敌人出现的间隔。

相关推荐

《每日电讯报》研发数字工具,教你更有效率地报道新闻

为鼓励新闻编辑部持续创新,《每日电讯报》正在尝试有战略地研发数字工具。网站的数字媒体主任马尔科姆o科尔斯(MalcolmColes)表示,《每日电讯报》正试图去“创建一些可持续资产”,以便于让记者们...

html5学得好不好,看掌握多少标签

html5你了解了多少?如果你还是入门阶段的话,或者还是一知半解的话,那么我们专门为你们收集的html5常用的标签大全对你就很有帮助了,你需要了解了html5有哪些标签你才能够更好的。驾驭html5...

前端分享-少年了解过iframe么(我想了解少年)

iframe就像是HTML的「内嵌画布」,允许在页面中加载独立网页,如同在画布上叠加另一幅动态画卷。核心特性包括:独立上下文:每个iframe都拥有独立的DOM/CSS/JS环境(类似浏...

做SEO要知道什么是AJAX(人能看到但搜索引擎看不到的内容)

一个明显的,人能看到但搜索引擎不能看到的内容是AJAX。那么什么是AJAX呢?其实,了解过的基本上也都清楚,AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX最大的优点是在不重新加...

介绍最前沿的人工智能创新,‘无反向传播’神经网络训练方法?

图像由GoogleImageFX生成前言:本文整理自NoProp原始论文与实践代码,并结合多个公开实现细节进行了全流程复现。对神经网络训练机制的探索仍在不断演进,如果你也在研究反向传播之...

说说我们对HTML6的期许(对html的看法)

HTML5概述HTML5是HTML语言最受欢迎的版本之一,它支持音频和视频、离线存储、移动端、和标签属性等等。还提供了article,section,header这样的标签来帮助开发者更好...

浏览器中在线预览pdf文件,pdf.mjs插件实现web预览pdf

背景:本来只是淘宝上卖卖袜子,想着扩展一下业务,准备做同名“来家居”海外袜子馆外贸项目,碰到pdf在线预览的需求,就找了pdf.js插件进行实践后把此方法记录下来,可以通过多种方法来实现,每种方法都有...

SVG 在前端的7种使用方法,你还知道哪几种?

本文简介点赞+关注+收藏=学会了技术一直在演变,在网页中使用SVG的方法也层出不穷。每个时期都有对应的最优解。所以我打算把我知道的7种SVG的使用方法列举出来,有备无患~如果你还...

HTML5常用标签大全(html5em标签)

HTML前端开发最终取决于掌握标签的多少HTML大概有七八百个标签楼主这里给大家总结了下HTML常用标签标签描述<!--...-->定义注释。<!DOCTYPE>定义文档类型...

&quot;伪君子Snoop Dogg!&quot;... WHAT?| MetroDaily 24/7

TUE.01-新作品-虽说年纪大了会有点糊涂,但是最近SnoopDogg的这波操作实在是让粉丝们有点迷,甚至有人表示没想到他是这样的"伪君子"......而这一切都源于他近日在IG上Po出的一...

史努比snoopy卡通手机壁纸屏保(史努比壁纸无水印)

...

莎夏·班克斯盼望表哥Snoop Dogg为其作出场曲

NXT女子冠军莎夏·班克斯(SashaBanks)近日接受了迈阿密先驱报采访,访谈纪要如下:关于她出众的形象:“我一向喜欢与众不同。为了能让人眼前一亮,我的装束总是非常前卫、非常抢眼,这样才能让观众...

喜欢Snoop!全球第一间「史努比博物馆」海外分馆在东京!

1950年起,由美國漫畫家CharlesM.Schulz創作的作品《Snoopy》史努比,其鮮明的可愛角色與幽默的劇情內容,至今仍成為許多大朋友與小朋友心中的最愛。為了紀念作者所設立的全球首...

Vetements 推出 Snoop Dogg 肖像「天价」T-Shirt

Vetements的CEOGuramGvasalia早前才透露品牌经营策略的秘密–Vetements如何成为人人热议的话题品牌。但似乎他仍有更多需要解释的东西–这个法国奢侈品牌最新...

狗爷Snoop Dogg的《I Wanna Thank Me》巡回演唱会旧金山站

西海岸匪帮说唱歌手SnoopDogg在《IWannaThankMe》巡回演唱会旧金山站表演(图片来自ICphoto)西海岸匪帮说唱歌手SnoopDogg(图片来自ICphoto)西海...

取消回复欢迎 发表评论: