巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #2043

Danny1451 · 2017-08-10T15:17:52Z

翻译完成

LJ147 · 2017-08-13T19:21:39Z

校对认领 @sqrthree

linhe0x0 · 2017-08-13T19:21:42Z

@LJ147 好的呢 🍺

KnightJoker · 2017-08-14T08:07:13Z

校对认领 @sqrthree

linhe0x0 · 2017-08-14T08:07:16Z

@KnightJoker 妥妥哒 🍻

KnightJoker · 2017-08-15T06:07:53Z

TODO/building-ar-game-arkit-spritekit.md


-You can extend this app by adding game rules, introducing bonus points or changing the images and sound. Also, using [Pusher](https://pusher.com/), you could add multi-player features by syncing the state of the game.
+你可以通过增加游戏规则来扩展这个应用，引入奖励分数或者改变图像和声音。同样的，使用 [Pusher](https://pusher.com/)，你可以同步游戏状态来增加多人游戏的特性。


『你可以通过增加游戏规则来扩展这个应用，引入奖励分数或者改变图像和声音。』=>『你可以通过增加游戏规则，引入奖励分数或者改变图像和声音来扩展这个应用。』

KnightJoker · 2017-08-15T06:09:50Z

TODO/building-ar-game-arkit-spritekit.md

 > * 原文地址：[Building an AR game with ARKit and Spritekit](https://blog.pusher.com/building-ar-game-arkit-spritekit/)
 > * 原文作者：[Esteban Herrera](https://github.com/eh3rrera)
 > * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
 > * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO/building-ar-game-arkit-spritekit.md](https://github.com/xitu/gold-miner/blob/master/TODO/building-ar-game-arkit-spritekit.md)
-> * 译者：
+> * 译者：[Danny Lau](https://github.com/Danny1451)
 > * 校对者：


KnightJoker

KnightJoker · 2017-08-15T06:09:55Z

TODO/building-ar-game-arkit-spritekit.md


-In this tutorial, we’re going to explore the basics of ARKit and SpriteKit by building a game, something inspired by Pokemon Go, but with ghosts, check out this video:
+在这个教程里，我们将通过创建一个游戏来学习 ARKit 和 SpriteKit 的基础，游戏是受  Pokemon Go 的启发，但是有幽灵的元素，看下下面这个视频吧：


『但是有幽灵的元素』=>『添加了幽灵元素』

KnightJoker · 2017-08-15T06:09:58Z

TODO/building-ar-game-arkit-spritekit.md

-Every few seconds, a little ghost appears randomly in the scene and a counter in the bottom left part of the screen is incremented. When you tap on a ghost, it fades out playing a sound and decrementing the counter.
-
-The code of this project is hosted on [GitHub](https://github.com/eh3rrera/ARKitGameSpriteKit).
+每几秒钟，就会有一个小幽灵随机出现在场景里，同时在屏幕的左下角会有一个计数器不停在增加。当你点击幽灵的时候，它会播放一个音效同时淡出而且计数器也会减小。


『它会播放一个音效同时淡出而且计数器也会减小。』=>『它会播放一个淡出音效并减少计数器。』

这边指的是淡出的同时播放音效，“播放一个淡出音效” 好像没有淡出的动作啊。

ok,确实这边应该是一个淡出动作+音效的播放

KnightJoker · 2017-08-15T06:10:02Z

TODO/building-ar-game-arkit-spritekit.md


-ARKit is a feature of iOS 11, so you’ll need to have this version installed and use Xcode 9 for development. At the time of writing, iOS 11 and Xcode 9 are still in beta, so you’ll need to enroll in the [Apple Developer Program](https://developer.apple.com/programs/), however, Apple has now released both to the public so a paid developer account is no longer required. You can find more info about installing [iOS 11 beta here](https://9to5mac.com/2017/06/26/how-to-install-ios-11-public-beta-on-your-eligible-iphone-ipad-or-ipod-touch/) and [Xcode beta here](https://developer.apple.com/download/).
+首先，为了完整的 AR 体验，ARKit 要求一个带有 A9 或者更新的处理器的 iOS 设备。换句话说，你至少需要一台 iPhone6s 或者更新的设备，比如 iPhoneSE，所有版本的 iPad Pro，或者 2017 版的 iPad。


『所有版本的 iPad Pro』=>『任何版本的 iPad Pro』

KnightJoker · 2017-08-15T06:10:08Z

TODO/building-ar-game-arkit-spritekit.md

      sceneView.session.run(configuration)
    }
 ```

-You can configure the session with the `ARWorldTrackingSessionConfiguration` class to track the device’s movement with [six degrees of freedom (6DOF)](https://en.wikipedia.org/wiki/Six_degrees_of_freedom). The three rotation axes:
+你可以用 `ARWorldTrackingSessionConfiguration` 类来配置该会话通过[六个自由度](https://en.wikipedia.org/wiki/Six_degrees_of_freedom)中追踪物体的移动。三个旋转角度：


『六个自由度』=>『六个自由度(6DOF)』

KnightJoker · 2017-08-15T06:10:15Z

TODO/building-ar-game-arkit-spritekit.md


-In the 3D programming world, matrices are used to represent graphical transformations like translation, scaling, rotation, and projection. Through matrix multiplication, multiple transformations can be concatenated into a single transformation matrix.
+在 3D 编程的世界里，矩阵用来代表图形化的转换比如平移，缩放，旋转和投影。通过矩阵的乘法，多个转换可以连接成一个独立的转换。


『多个转换可以连接成一个独立的转换。』=>『多个转换可以连接成一个独立的变换矩阵。』

KnightJoker · 2017-08-15T06:10:20Z

TODO/building-ar-game-arkit-spritekit.md

+0     1     2     3    // 列号
+1.0   0.0   0.0   0.0  // 这一行代表着 X
+0.0   1.0   0.0   0.0  // 这一行代表着 Y
+0.0   0.0   1.0  -0.2  // This row represents Z 这一行代表着 Z


这个地方原文忘了删除了吧

KnightJoker · 2017-08-15T06:10:23Z

TODO/building-ar-game-arkit-spritekit.md

+1.0   0.0   0.0   0.0  // 这一行代表着 X
+0.0   1.0   0.0   0.0  // 这一行代表着 Y
+0.0   0.0   1.0  -0.2  // This row represents Z 这一行代表着 Z
+0.0   0.0   0.0   1.0  // This row represents W 这一行代表着 W


原文忘了删

KnightJoker · 2017-08-15T06:10:31Z

TODO/building-ar-game-arkit-spritekit.md


 ```
    override func update(_ currentTime: TimeInterval) {
-      // Called before each frame is rendered
+      // 在每一帧渲染的时候调用


『在每一帧渲染的时候调用』=>『在每一帧渲染之前调用』

KnightJoker · 2017-08-15T06:15:54Z

@Danny1451 @sqrthree @LJ147
一校完毕~

linhe0x0 · 2017-08-16T04:28:57Z

@LJ147 不要忘了来校对啊

LJ147 · 2017-08-16T19:27:22Z

TODO/building-ar-game-arkit-spritekit.md


-[ARKit](https://developer.apple.com/arkit/) is the new Apple framework that integrates device motion tracking, camera capture, and scene processing to build [augmented reality (AR)](https://en.wikipedia.org/wiki/Augmented_reality) experiences.
+[ARKit](https://developer.apple.com/arkit/) 是一个全新的苹果框架，它将设备运动追踪，相机捕获和场景处理整合到了一起，可以用来构建[增强现实( AR )](https://en.wikipedia.org/wiki/Augmented_reality) 的体验。



“增强现实”此处为首次出现，应标注英文全称，参考修改：增强现实（augmented reality, AR）

LJ147 · 2017-08-16T19:30:45Z

TODO/building-ar-game-arkit-spritekit.md


-ARKit is a feature of iOS 11, so you’ll need to have this version installed and use Xcode 9 for development. At the time of writing, iOS 11 and Xcode 9 are still in beta, so you’ll need to enroll in the [Apple Developer Program](https://developer.apple.com/programs/), however, Apple has now released both to the public so a paid developer account is no longer required. You can find more info about installing [iOS 11 beta here](https://9to5mac.com/2017/06/26/how-to-install-ios-11-public-beta-on-your-eligible-iphone-ipad-or-ipod-touch/) and [Xcode beta here](https://developer.apple.com/download/).
+首先，为了完整的 AR 体验，ARKit 要求一个带有 A9 或者更新的处理器的 iOS 设备。换句话说，你至少需要一台 iPhone6s 或者更新的设备，比如 iPhoneSE，所有版本的 iPad Pro，或者 2017 版的 iPad。


『更新的处理器的 iOS 设备』=>『更高版本处理器的 iOS 设备』

这里的更新可能会有歧义

LJ147 · 2017-08-16T19:34:44Z

TODO/building-ar-game-arkit-spritekit.md


-In case something changes in a later version, the app of this tutorial was built with Xcode beta 2.
+ARKit 是 iOS 11 的一个特性，所以你必须先装上这个版本的 SDK，并用 Xcode 9 来开发。在写这篇文章的时候，iOS 11 和 Xcode 9 仍然是在测试版本，所以你要先加入到[苹果开发者计划](https://developer.apple.com/programs/)，不过苹果现在也向公众发布了所以不再需要付过费的开发者账号。你可以在[这里](https://9to5mac.com/2017/06/26/how-to-install-ios-11-public-beta-on-your-eligible-iphone-ipad-or-ipod-touch/)找到更多关于安装 iOS 11 beta 的信息和[这里](https://developer.apple.com/download/)找到关于安装 Xcode beta 的信息。


『不过苹果现在也向公众发布了所以不再需要付过费的开发者账号』=>『不过苹果现在也向公众发布了免费的开发者账号』

LJ147 · 2017-08-16T19:40:17Z

TODO/building-ar-game-arkit-spritekit.md

-You can use a site like [iOS Fonts](http://iosfonts.com/) to visually choose the font for the labels.
+你可以用像 [iOS Fonts](http://iosfonts.com/) 的站点来可视化的选择标签的字体。
+
+这个位置坐标代表着屏幕左下角的部分（相关代码稍后会解释）。我选择把它们放在屏幕的这个区域是为了避免转向的问题，因为场景的大小会随着方向改变而变化，但是，坐标保持不变，会引起标签显示超过屏幕或者在一些奇怪的位置（可以通过重写 `didChangeSize` 方法或者使用 [UILabels](https://developer.apple.com/documentation/uikit/uilabel) 替换 [SKLabelNodes](https://developer.apple.com/documentation/spritekit/sklabelnode)）。


可以通过重写didChangeSize或者使用UILabels替换SKLabelNodes 来解决这一问题

LJ147 · 2017-08-16T19:43:55Z

@sqrthree 二校完成抱歉耽误了时间

linhe0x0 · 2017-08-17T03:28:01Z

@Danny1451 两位校对者都已经校对好了~ 可以来根据校对意见进行调整了哈 ┏ (゜ω゜)=☞

linhe0x0

一丢丢小问题

linhe0x0 · 2017-08-18T05:59:57Z

TODO/building-ar-game-arkit-spritekit.md


-Let’s start by reviewing what you’ll need to develop and run this project.
+项目的代码已经放在了 [GitHub]
+(https://github.com/eh3rrera/ARKitGameSpriteKit) 上了。


这里不能加换行哈。

Danny1451 · 2017-08-18T08:44:41Z

@KnightJoker @LJ147 @sqrthree 修改完成了看看还有啥问题不

LJ147 · 2017-08-19T04:39:57Z

@Danny1451 嗯，我觉得 ok

KnightJoker

@Danny1451 @sqrthree 嗯，我觉得还不错

KnightJoker · 2017-08-21T03:24:39Z

TODO/building-ar-game-arkit-spritekit.md

-Every few seconds, a little ghost appears randomly in the scene and a counter in the bottom left part of the screen is incremented. When you tap on a ghost, it fades out playing a sound and decrementing the counter.
-
-The code of this project is hosted on [GitHub](https://github.com/eh3rrera/ARKitGameSpriteKit).
+每几秒钟，就会有一个小幽灵随机出现在场景里，同时在屏幕的左下角会有一个计数器不停在增加。当你点击幽灵的时候，它会播放一个音效同时淡出而且计数器也会减小。


ok,确实这边应该是一个淡出动作+音效的播放

linhe0x0 · 2017-08-21T08:36:17Z

@Danny1451 已经 merge 啦~ 快快麻溜发布到掘金专栏然后给我发下链接，方便及时添加积分哟。

Danny1451 · 2017-08-21T10:04:18Z

https://juejin.im/post/599aaf746fb9a02477072380
已经分享

…slate * 'master' of https://github.com/xitu/gold-miner: (178 commits) 🚀 添加文章『关于 React Router 4 的一切』到文章列表 🚀 添加文章『为什么我们渴求女性来设计 AI 』到文章列表 🚀 添加文章『如何在 Webpack 2 中使用 tree-shaking』到文章列表 🚀 添加文章『Redux 有多棒？』到文章列表 🚀 添加文章『别再使用图片轮播了』到文章列表 🚀 添加文章『将 Android 项目迁移到 Kotlin 语言』到文章列表 🚀 添加文章『巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏』到文章列表别再使用图片轮播了 (xitu#2073) Update how-to-do-proper-tree-shaking-in-webpack-2.md (xitu#2100) 为什么我们渴求女性来设计 AI (xitu#2074) 如何在 webpack2 中使用 tree-shaking (xitu#2076) 怎么写出完美的错误消息 (xitu#2080) 巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 (xitu#2043) 将 Android 程序移植为 Kotlin 程序 (xitu#2039) Redux 有多棒？ (xitu#2003) 🚀 添加文章『函数式响应编程入门指南』到文章列表 🚀 添加文章『虚拟现实是如何改变用户体验的：从原型到设备的设计』到文章列表 ✨ Create angular-vs-react-which-is-better-for-web-development.md ✨ Create evolving-the-facebook-news-feed-to-serve-you-better.md ✨ Create why-context-value-matters-and-how-to-improve-it.md ...

translate ended

169d7d3

linhe0x0 added the 校对认领 label Aug 10, 2017

linhe0x0 mentioned this pull request Aug 11, 2017

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #1990

Closed

linhe0x0 added the iOS label Aug 11, 2017

linhe0x0 self-requested a review August 11, 2017 01:25

linhe0x0 added the 正在校对 label Aug 13, 2017

linhe0x0 removed the 校对认领 label Aug 14, 2017

KnightJoker reviewed Aug 15, 2017

View reviewed changes

LJ147 reviewed Aug 16, 2017

View reviewed changes

fix bugs

8ae37bd

linhe0x0 requested changes Aug 18, 2017

View reviewed changes

fix 一丢丢 bugs

6176394

KnightJoker reviewed Aug 21, 2017

View reviewed changes

linhe0x0 approved these changes Aug 21, 2017

View reviewed changes

linhe0x0 merged commit ab4679e into xitu:master Aug 21, 2017

linhe0x0 added the 翻译完成 label Aug 21, 2017

linhe0x0 removed the 正在校对 label Aug 21, 2017

cdadar pushed a commit to cdadar/gold-miner that referenced this pull request Dec 8, 2017

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 (xitu#2043)

8f843f8

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #2043

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #2043

Danny1451 commented Aug 10, 2017

LJ147 commented Aug 13, 2017

linhe0x0 commented Aug 13, 2017

KnightJoker commented Aug 14, 2017

linhe0x0 commented Aug 14, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

Danny1451 Aug 18, 2017

KnightJoker Aug 21, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker Aug 15, 2017

KnightJoker commented Aug 15, 2017

linhe0x0 commented Aug 16, 2017

LJ147 Aug 16, 2017

LJ147 Aug 16, 2017

LJ147 Aug 16, 2017

LJ147 Aug 16, 2017

LJ147 Aug 16, 2017

LJ147 commented Aug 16, 2017

linhe0x0 commented Aug 17, 2017

linhe0x0 left a comment

linhe0x0 Aug 18, 2017

Danny1451 commented Aug 18, 2017

LJ147 commented Aug 19, 2017

KnightJoker left a comment

KnightJoker Aug 21, 2017

linhe0x0 commented Aug 21, 2017

Danny1451 commented Aug 21, 2017


		You can extend this app by adding game rules, introducing bonus points or changing the images and sound. Also, using [Pusher](https://pusher.com/), you could add multi-player features by syncing the state of the game.
		你可以通过增加游戏规则来扩展这个应用，引入奖励分数或者改变图像和声音。同样的，使用 [Pusher](https://pusher.com/)，你可以同步游戏状态来增加多人游戏的特性。


		In this tutorial, we’re going to explore the basics of ARKit and SpriteKit by building a game, something inspired by Pokemon Go, but with ghosts, check out this video:
		在这个教程里，我们将通过创建一个游戏来学习 ARKit 和 SpriteKit 的基础，游戏是受 Pokemon Go 的启发，但是有幽灵的元素，看下下面这个视频吧：


		ARKit is a feature of iOS 11, so you’ll need to have this version installed and use Xcode 9 for development. At the time of writing, iOS 11 and Xcode 9 are still in beta, so you’ll need to enroll in the [Apple Developer Program](https://developer.apple.com/programs/), however, Apple has now released both to the public so a paid developer account is no longer required. You can find more info about installing [iOS 11 beta here](https://9to5mac.com/2017/06/26/how-to-install-ios-11-public-beta-on-your-eligible-iphone-ipad-or-ipod-touch/) and [Xcode beta here](https://developer.apple.com/download/).
		首先，为了完整的 AR 体验，ARKit 要求一个带有 A9 或者更新的处理器的 iOS 设备。换句话说，你至少需要一台 iPhone6s 或者更新的设备，比如 iPhoneSE，所有版本的 iPad Pro，或者 2017 版的 iPad。


		In the 3D programming world, matrices are used to represent graphical transformations like translation, scaling, rotation, and projection. Through matrix multiplication, multiple transformations can be concatenated into a single transformation matrix.
		在 3D 编程的世界里，矩阵用来代表图形化的转换比如平移，缩放，旋转和投影。通过矩阵的乘法，多个转换可以连接成一个独立的转换。


		[ARKit](https://developer.apple.com/arkit/) is the new Apple framework that integrates device motion tracking, camera capture, and scene processing to build [augmented reality (AR)](https://en.wikipedia.org/wiki/Augmented_reality) experiences.
		[ARKit](https://developer.apple.com/arkit/) 是一个全新的苹果框架，它将设备运动追踪，相机捕获和场景处理整合到了一起，可以用来构建[增强现实( AR )](https://en.wikipedia.org/wiki/Augmented_reality) 的体验。


		In case something changes in a later version, the app of this tutorial was built with Xcode beta 2.
		ARKit 是 iOS 11 的一个特性，所以你必须先装上这个版本的 SDK，并用 Xcode 9 来开发。在写这篇文章的时候，iOS 11 和 Xcode 9 仍然是在测试版本，所以你要先加入到[苹果开发者计划](https://developer.apple.com/programs/)，不过苹果现在也向公众发布了所以不再需要付过费的开发者账号。你可以在[这里](https://9to5mac.com/2017/06/26/how-to-install-ios-11-public-beta-on-your-eligible-iphone-ipad-or-ipod-touch/)找到更多关于安装 iOS 11 beta 的信息和[这里](https://developer.apple.com/download/)找到关于安装 Xcode beta 的信息。

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #2043

巧用 ARKit 和 SpriteKit 从零开始做 AR 游戏 #2043

Conversation

Danny1451 commented Aug 10, 2017

LJ147 commented Aug 13, 2017

linhe0x0 commented Aug 13, 2017

KnightJoker commented Aug 14, 2017

linhe0x0 commented Aug 14, 2017

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

KnightJoker commented Aug 15, 2017

linhe0x0 commented Aug 16, 2017

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

LJ147 commented Aug 16, 2017

linhe0x0 commented Aug 17, 2017

linhe0x0 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Danny1451 commented Aug 18, 2017

LJ147 commented Aug 19, 2017

KnightJoker left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

linhe0x0 commented Aug 21, 2017

Danny1451 commented Aug 21, 2017