React Native 电视电影小迷妹 TVco.cn

在React Native应用程序内使用SpriteKit

本文介绍了如何将基于SpriteKit的游戏集成到React Native应用中。背景故事我打算在圣诞节期间创建一个简单的2D iOS游戏，以实现我长期的游戏开发梦想。您可以在playarroe.com上找到游戏。已经使用React Native开发了Eat or Not，这是我进行移动应用程序开发的首选。尽管RN的性能对于简单的过渡和动画来说真是棒极了，但这并不是游戏引擎。经过研究，我选择了Apple的SpriteKit作为游戏引擎。 SpriteKit是一种图形渲染和动画基础结构，可用于为任意纹理图像（也称为精灵）设置动画。 SpriteKit提供了一个传统的渲染循环，该循环在确定帧内容和渲染帧之间交替。设定首先，设置React Native项目。按照React Native文档中的超级简单说明进行操作，您应该会看到这一点。…

React Native录音机和播放器NPM软件包

2018年5月更新现在，我了解了更多有关使用React Native和创建更友好的NPM软件包的信息，我对本文详细介绍的软件包进行了一些重大更新。该程序包现在称为react-audio-player-recorder-no-linking 。我选择这个新名称是为了强调它包括单独的Recorder和Player组件，而不仅仅是一个SoundRecorder组件，并且该包不需要链接到本机代码。缺少链接可保持包装在Expo上使用的安全性。此外，所有UI（按钮，标志等）均已从实际的Player和Recorder组件中拉出，并且可以作为导入使用。导入的UI项可以作为props提供给Player和Recorder 。更重要的是，用户可以提供自己的UI项目作为道具。这意味着用户可以按他们想要的任何方式为组件设置主题。最后，GitHub存储库已更改以反映新名称。现在可以在https://github.com/reggie3/react-native-audio-player-recorder-no-linking中找到该软件包。所有这些更改导致灵活性和功能性大大改善。但是，这也意味着文章中提到的组件以及为组件提供的相关道具已经发生了重大变化。这些更改应包含在上述GitHub存储库中的readme.md文件中。介绍…

了解用于React Native / Expo Apps的Spotify OAuth

有趣的部分：实际使用Spotify API 经过所有这些艰苦的工作，我们终于可以完成我们打算要做的事情：使用freakin API！我们可以显示用户的主要曲目和艺术家，我们可以搜索任何媒体对象并获取其所有元数据，甚至可以生成音乐推荐并为用户创建真实的Spotify播放列表。完整的API参考位于此处：https://developer.spotify.com/documentation/web-api/reference/ 在撰写本文时，Spotify的新API参考位于beta中，并且位于以下位置：https://developer.spotify.com/documentation/web-api/reference-beta/ Beta中的大多数端点均未更改，但其中一些端点（尤其是Playlists API）有所不同，因此请小心！使用访问令牌，您可以根据需要调用API。我个人喜欢使用JMPerez（曾是Spotify的雇员）创建的客户端spotify-web-api-js包装器。包装器只是为您提供了一个对象，该对象具有可以访问大多数（如果不是全部）API方法的方法，因此您不必自己编写请求。还有一个spotify-web-api-node node.js包装器如果您想在后端进行操作，还可以使用许多其他语言的包装器。给所有帮助所有人的道具。但请注意：由于Spotify正在更新其API端点，因此某些方法在更新之前可能不再起作用。…

关于国家管理！

BOF会议在孟买ReactFoo上关于状态管理的讨论摘要。最近，Twitter见证了有关Redux的争论激增—关于它的吸引力或表现如何。知道开发人员自己对此要说些什么会很有趣。好像上帝听到了我们。阅读以下内容以了解原因。 ReactFoo的最新版本在孟买，来自不同公司的开发人员参加了此次活动，以分享他们的想法。 USP之一是“羽毛之鸟”会议（BoF）。羽毛鸟：这个成语是谚语“羽毛鸟聚在一起”的缩写。这意味着同种或兴趣相同的人（鸟）喜欢共同消磨时间。那是一个阳光灿烂的下午，这次我们选择了React中的State Management进行讨论。 State Management带有广泛的生态系统，可以满足您的所有需求。但是，事实是：您可能根本不需要，或者至少现在还不需要。因此，演讲的主要议程是更好地理解它们。我们邀请了Tesco的Souvik…

探索使用React-native捕捉运动的新方法

大家好。因此，事实证明，我正在强迫自己写一些文章，以显示我目前正在做的事情，以此来跟踪我的担忧并思考新的想法。也希望能从其他人那里获得一些反馈，这一点非常重要。今天，我想分享一些关于我们很棒的初创公司hoopy的设计和开发过程中突然出现的想法。但是首先，对于那些不知道的人，hoopy是一个用react-native编写的iOS应用程序，它可以以一种完全简单且富有创造力的方式轻松捕获移动中的时刻。让我们进入一些主题：相机，捕捉电影制作这将作为关于我们正在建设什么以及创造力如何在狂热中绽放以及为什么的介绍。相机。我们今天如何探索它？如果我们看一下到目前为止市场上的商品，我注意到的一件事是，当今最流行的与相机相关的应用实际上不是相机应用，它们是社交媒体应用。因此，这样做的结果是，他们的目标是管理用户流和行为的巨大工作量，这可能会引起摄像机和实际产生的内容的大量关注。他们的观点是，拥有一款顶级，稳定，美观的应用程序，自然地，这种增长导致对新功能采取更为保守的方法。（这是完全正常的行为，随着尺寸的增加，灵活性会下降）…

引入SplitCloud 2.2 — iOS的双重音乐播放器

嗨，您好，新的和改进的SplitCloud 2.0最近已在AppStore上发布，这是对该应用程序主要功能的介绍。如果您曾经被要求与朋友或伴侣分享耳机以一起听音乐，则此应用非常适合您！ SplitCloud是iOS的双重音乐播放器，可以播放SoundCloud流媒体平台中的本地曲目和音乐。您可以在AppStore上免费下载该应用程序 App Store链接：https：//itunes.apple.com/us/app/splitcloud-double-music-play/id1244515007？mt = 8 价格：免费网址：http://www.splitcloud-app.com/ 已经有很多应用程序可以在iPhone上欣赏音乐，那么，为什么SplitCloud如此特别？ SplitCloud和AppStore上任何其他音乐流媒体应用程序之间的主要区别在于，它允许您添加第二个播放器，并使两个独立的播放器可以在同一设备上同时使用。这使得SplitCloud在所有最终需要共享耳机才能听音乐的情况下（在旅途中，朋友的手机电池电量耗尽或伴侣忘记耳机的情况下）都非常有用。您将能够共享设备并继续收听自己喜欢的歌曲，即使是在离线状态下，如果您的音乐品味不同，也非常方便y…

连接：让我们来制作游戏

4回合后，💙离开比赛，因为她留下了一个空的⚪️。尽管在此游戏中，两个玩家每回合至少连接3个圆圈，但是您并不需要阻止更少的回合，尽管您每回合必须填写至少1个圆圈。差不多了！库和工具我们可以使用许多不同的语言，库，平台和工具来构建此游戏。这就是我最终要解决的问题，以及原因： React Native-基于我已经在网络上熟悉的渲染模型，还随附了方便的本机组件。 ClojureScript —具有丰富数据结构的简单语言，支持在短周期内进行非常动态的开发（稍后会介绍）。 Om.next — React的ClojureScript接口，它带有用于以灵活，可预测的方式管理应用程序状态的工具。 Figwheel —生成ClojureScript并将其热加载到正在运行的应用程序中。重新生成—将以上所有库合并到一个脚手架工具中，该工具负责设置所有内容。 Spacemacs —…

关于如何在5天内重新构建Pokemon GO

构建我的Pokemon go App的过程与构建过去三个月中构建的9ish开源应用程序或同一时期构建的4ish客户端应用程序的构建过程没有太大不同。我将事情分解为容易的卡盘，以使我的大脑能够以最少的压力来理解，我…确实坚持下来。我将以一种喜欢阅读的方式列出这些内容我把事情分解成容易理解的工作夹我发现一些设计灵感，使我“哇！”。我设置了工作时间来处理单个任务（这也是我每周能够做很多工作的方式）旁注：如何在两天之内与朋友一起闲逛和极度醉酒的同时构建 WhatsApp应用程序？相同的过程。现在让我们跳入每个将任务分解为易于理解的块在我对github的前几次提交中，您可以看到一个清晰的示例，我概述了制作该视图之前需要完成的每个视图。这样，我知道我的工作在哪里开始，我的工作在哪里结束。…

我的React Native游戏引擎之旅第一部分：启动项目

两者在GitHub上都有针对iOS和Android的简单说明-只需将存储库克隆到本地计算机，在该文件夹中打开终端/命令行，运行npm install ， cd 进入文件夹，然后运行react-native run-ios或react-native run-android. 我专注于《手册》的“单点触控和物理”部分，因为这些是我想要的游戏功能。经过大量复制，粘贴和修改后，我从《手册》和《大金刚》中看不到某些部分，然后我设法制作了一个将某些内容连接起来的应用程序。我不会对这种怪兽做过多的了解。从一开始：学习游戏引擎我决定取消第一份“艺术”作品，并希望从最小的作品开始学习每个作品的运作方式。对于第一部分，我的目标是在屏幕上渲染地板。在开始之前，我希望读者知道我将在本教程中使用iOS ，并且在本文结尾处将有Gist。确保您已经进行了以下设置：节点反应本机…

我的React Native游戏引擎之旅第二部分：添加触摸和弹跳

在第一部分中，我有一个关于如何使用React Native Game Engine入门的教程，使用Matter.js 在世界上添加重力并在屏幕上渲染掉落的盒子。坠落的盒子不是超级互动的，所以让我们学习如何为GameEngine增加触感。为了添加触摸检测，我们需要向系统添加另一个功能。在我们的App类上方，创建一个名为CreateBox的新函数。 let boxIds = 0; const CreateBox =（实体，{触摸，屏幕}）=> { 让世界=实体[“ physics”]。world;…