Vuejs 电视电影小迷妹 TVco.cn

使用Vuejs制作简单的游戏

这个想法很简单。显示一个数字，然后让用户键入他们在屏幕上看到的数字。虽然有一个转折。我们首先显示一个数字，然后添加随着用户进入更高级别而显示的数字。我们还在数字上引入了超时显示，这样数字将仅显示特定的持续时间，然后对用户隐藏。 Ez对吗？我将跳过html和css部分，直接进入vuejs部分并制作游戏。产生一个随机数。在javascript中生成随机数非常容易。只需放入Math.random()即可完成。但问题是Math.random()仅生成0 and 1之间的随机数。我们希望能够生成n位数字的整数。下面的代码使我们能够做到这一点。现在已经生成了一个随机数，现在让我们在游戏设置中创建一个新的vue实例。假设用户已经看到了该号码，那么在隐藏该号码之前我们应该等待多长时间？这就是我做到的。…

我们如何在悉尼推出首款地理缓存IT游戏！

去年年底，在澳大利亚的Octo Technology澳大利亚，我们在5周内在悉尼推出了一款名为 Hidden Tech Challenge 的奇怪游戏，这是首款融合了有趣的IT难题和地理缓存的游戏。您是否已经尝试推出这种游戏？嗯，这绝非易事，现在是时候与您分享背后的内幕了：喜悦，绝望，意想不到的曲折，背叛……什么都不会对您隐藏！（好的，这可能不像《权力的游戏》那样令人兴奋，但仍然如此！）六月：创意的起源在首席执行官大卫建议我们组织一次特别的OCTO活动之后，一切都开始了。我们和2名同事Eric和Erwan一起接受了这个想法，并决定在一个充满创造力的地方开会：我的房子。我们立即开始工作！好吧，在享用了一杯开胃酒，一顿美餐之后，让孩子们上床睡觉，聊天……（好吧，毕竟这可能不是最好的选择…

Vue.js D＆D战斗模拟器

我想我一直是个书呆子。那是我的十二岁生日，我的家人刚搬到一所几乎但并非完全不在的地方。至少五年或六年之后，有线电视才不再是那所房子的选择。那是黑暗时代。那天生日那天，事情发生了变化，当时我父亲下班回家。他走进我的房间，告诉我生日快乐，然后从当地漫画书店扔了一个书包。包里是一个全新的世界，收缩包裹在一个红色的盒子里，上面装饰着一个与巨大的红龙作战的战士。原始的龙与地下城基本套装。我仍然记得那天晚上坐在我的房间里玩和重播第一次个人冒险。那一刻开始改变了我对幻想，绘画和游戏的热爱，改变了我的生活。我的一些最好的朋友被围坐在桌面上，小时候就开始冒险。简短的历史课程已无法解决，我一直在寻找一个新的Vue.js学习项目。回想起最初让我进入游戏领域的原因，那是我12岁时第一次参加个人冒险，我认为那可能是一个理想的起点。有了第五版SRD规则，我开始工作。玩家角色将是具有重甲和战斧的人类战士。您可以设置角色的名称和主要统计信息。现在，您真的没有选择任何装备或武器，只是得到了所得到的。设置了统计数据后，您需要保存您的角色，这将对种族统计数据应用种族加成，并在适用时应用您的体质加成，并将角色“保存”在浏览器的本地存储中。…

周末项目加电！

这篇文章融合了企业家精神，游戏，UX，前端UI /开发和个人成长。我在台湾创业公司Keybot工作了6个月，还有几个月要去，硬件还不错！！这家初创公司占用了太多的精神空间，我感到自己的许多动力和驱动力每天都在慢慢地消耗掉，做同样的事情。顺便说一句，我喜欢我的创业公司，请不要误解我，但是有时候这很令人讨厌。我一直想知道如何重新获得能量，并想让自己在短时间内完成小的小型项目感到高兴。那些小小的演出是阻碍进步还是实际上帮助我保持活力以继续前进？我已经好一阵子没了，所以上个周末专门做一个附带项目，作为实验来弄清真相。 https://zh.playkot.com/game/aom 在业余时间，我喜欢玩基于策略的视频游戏。 IOS版本一直令人失望，但我住在台湾，我在这里了解了惊人的手机游戏文化。一位朋友将我介绍给了Age of Magic，这是一款基于回合制的团队策略游戏，具有非常有趣的机制，精美的图形和有趣的角色设计。 Discord上有一个非常酷的社区，还有一些顶级玩家制作的一些YouTube解释器视频。我对盲人盲人来说太老了事情就是这样，这些游戏的目的是让您忙于磨练，同时给您零星的兴奋和成就，让您保持磨练。这是一个经典的循环，不会令人失望……直到您年满34岁并且没有时间或金钱，因为您要建立一家初创公司。…

Vue.js通过Pokemon＃2 $ refs，Promises和Event Bus进行了解释

在第二部分中，我们将恢复攻击功能。我们有几种方法可以做到这一点。与$ refs和Promises一起破解使用可以减轻工作负担的事件总线使用状态管理库Vuex进一步分离逻辑/数据。我们将在本文中介绍前两个选项，因为它们不太难于解释和实现。让我们潜入。攻击功能首先，让我们定义攻击功能。打开Pokemon.vue，我们将添加一个Attack（）和pickRandomAttack（）方法。让我们在新创建的methods属性下定义它们：正如您在此时看到的那样，攻击功能实际上并没有提供一种方法来通知其调用者昏厥或何时继续执行下一个操作。接下来，我们将解决这个问题。小提示，我们正在通过this。$ parent访问神奇宝贝组件的父状态。可以猜测，它返回引用了pokemon组件的组件的Vue实例。在我们的场景中，我们确定App.vue始终是父项，因此可以使用它。在不确定的其他情况下，您将不必（通过事件或状态管理器）找到解决此问题的方法。…

在Vue js中构建游戏第2部分，共2部分

关于如何使用Vue js第2部分构建简单游戏的教程。第1部分可在此处找到。第5步建立关卡从第1部分中停下来的地方开始，让我们实现关卡或回合的概念。这意味着如果用户位于第1级，则游戏将突出显示1个正方形，如果在第2级，则该游戏将突出显示2个正方形，依此类推。在前面的步骤中，我们实现了迭代器的概念，但这是我们设置并相应减少的数字。在这一步中，我们希望游戏控制该迭代器。也就是说，我们希望游戏根据我们所处的级别进行递增和递减。由于我们有一个控制循环迭代的变量，因此我们需要另一个变量来跟踪我们正在进行的回合。当游戏开始时，两个变量都相同，但是级别变量将由游戏本身更改，而回合将是用户前进到下一个级别时递增的值。让我们看一下代码。 .... 数据（）{ 返回{ ... 等级：0，回合：0 ...…

探索新的Twitch API

这些天我没有太多的空闲时间，自从开始参加Fullstack Academy的Grace Hopper程序以来，我每天都沉浸在代码中呢（但这又是一天的故事，另一篇博客文章）。当我确实有更多的休闲机会时，Twitch肯定偷走了很多时间。最初，我只是用它来替代我微薄的预算之外的游戏，但是很快我通过该平台发现的社区变成了一个虚拟的家。由于我最近没有太多机会真正观看Twitch（不是因为缺乏尝试），为什么不花时间在全新的Twitch API上花费一些高质量的教育时间来弥补？ Twitch API于2017年10月启动，为开发人员和流媒体提供了使用其服务器中的数据来查找其游戏的信息，其中包括流，游戏，视频，用户等的信息。在本教程中，我将利用流数据并稍后检查元数据的一个特别有趣的功能。 Twitch元数据是用户提供的内容，特定于具有流行游戏《守望先锋》或《炉石传说》的流。虽然我还没有体验过后者，但我还是打了一两回合，试图让我的团队在《守望先锋》中保持活力，这就是我们将在本演示中使用的主题。我的意思是，对可能会要求康复的Genjis进行数字计算会不会很酷？但首先，让我们看一下一般的流请求。有许多选项可用于自定义我们的查询，但出于本项目的目的，我将主要使其保持简单。以下是类似内容的预览，如果您关注我们将会做的事情：以简单为主题运行，我们将制作一个单页面应用程序，不需要服务器，所有请求都在前端。为此，我们将使用Vue.js，这是一个相对较新的工具，我发现它易于使用的Javascript框架。…

Vue.js通过《口袋妖怪＃5过渡与动画》进行了解释

在本文中，我们先介绍一下战斗阶段，我们将在宠物小精灵攻击或受到打击时在其上添加一些基本动画。当宠物小精灵进入战斗阶段或晕倒并消失时，我们还将添加一个过渡。最后，我们将添加攻击有效性消息（例如损坏报告；攻击所造成的损害程度，或显示其何时超级有效）。对于动画，我们将使用Velocity.js，Vue具有标准的过渡实现。转场过渡是一种动画类型，已应用于通过v-if或v-show条件出现（消失）的元素。为了定义过渡，我们必须使用组件包装要应用过渡的元素。在此组件上，我们可以定义将要使用的过渡的名称。接下来，我们还需要创建一些CSS类，这些类实际上定义了过渡的动画，这些类名将以过渡的名称作为前缀。组件还为您提供了使用钩子的选项，通过这种方式，您可以使用javascript动画化元素，而不是使用CSS。过渡宠物小精灵组件当宠物小精灵进入屏幕或晕倒时，我们只需在应用淡入淡出效果时让宠物小精灵从顶部进入并从底部离开即可。我们将这个过渡命名为“ pokemon-image”。让我们在pokemon.vue中创建一个样式标签，并在其中定义过渡CSS类。我们定义了4个CSS类来定义过渡，但是，Vue允许您为过渡的每个阶段最多定义6个类。让我们看一下这些阶段，以便您知道何时将上面定义的CSS类添加到元素中： {transition}…

你做过的最糟糕的事情是什么？ 🙈

我刚刚读了一个围绕该问题而闻名的短篇小说，这启发了我写这个故事。在开始之前，我不会坦白我所从事的任何违法行为（不是我所拥有的）。取而代之的是，这将是一个关于我何时操纵2018年BET大奖的投票的轻松故事。六月19，2018 当我看到几条推文要求人们投票给Kwesi Arthur以便他可以赢得2018年BET“最佳新国际法”奖时，我感到无聊并在推特时间轴上滚动。（我认为）仅剩一天要关闭投票，而Kwesi Arthur距离Nailah（当时排名第一）还很遥远，所以推文的大批推销是有道理的。设立该奖项的目的是，可以通过在特定照片上张贴＃IPICKKWESIA18标签或通过BET官方网站通过Instagram进行投票。然后将两个来源的结果相加，并且（应该）计入有关谁将获得该奖项的最终决定中。知道了这些事实之后，我开始考虑如何才能帮助亚瑟·库维斯获胜。我无法编写Instagram机器人来自动发布标签，主要是因为我不知道该怎么做，而且可能要花很多时间，所以我决定去了解BET网站如何记录正在投票的投票。为此，我导航至BET投票网页。在DevTools中打开“网络”选项卡，并投票给Kwesi Arthur。在查看发送的XHR请求时，我注意到POST请求已发送到` https: //api.massrelevance.com/v1/polls.json?poll=4S4&option…

第23天/让我们再做一次

班轮注意事项：专业人士：与我的经理提早开会。他说到目前为止一切都很好。我不知道的唯一一件事是，他们希望能够为设计加白标。我的印象是，我们正在构建的站点是一项定制工作。到目前为止，这就是我从事整个职业编码生涯以及任何个人项目的方式。我错过的另一件事是，某些元素的尺寸与平板电脑的尺寸不同。设计师表示，台式机和平板电脑尺寸的设计将是一对一的关系。因此，我认为他们考虑了屏幕尺寸的差异。那是我的坏事。我的同事在采取适合移动设备的产品时注意到了这一点，因此他只是添加了平板电脑的尺寸。我致力于将我们的代码推广为白色标签（我把这个词拼了出来。哈哈）个人：Google I / O 18很棒。…