草庐IT

sprite-kit-swift-tutorial-beginne

全部标签

javascript - 故障排除错误 : connect ECONNREFUSED in nodejs stream-adventure tutorial

我一直在学习learnyoujs和stream-adventure教程:https://github.com/substack/stream-adventurehttps://github.com/rvagg/learnyounode#learn-you-the-nodejs-for-much-win我已经完成了第一组,大部分完成了第二组,但我不断遇到奇怪的错误……通常我可以让它消失。这是命令/错误:DEV/javascript/streamAdventure»stream-adventurerunhttpserver.jsstream.js:94thrower;//Unhandled

javascript - 如何消除 Phaser 的 Sprite/Background 的抖动

我设置了一个例子jsfiddle用适当的Assets来说明这一点。当您的Angular色移动并且相机开始平移时,您会注意到背景有轻微的“抖动”。这可以通过将game.camera.roundPx设置为true来禁用。但是,如果它被禁用并且你移动了Angular色。你的性格开始颤抖。我在这次冒险中发现的一些东西:只有在P2和Arcade物理条件下使用body.velocity.x移动时才会发生这种情况。如果您使用body.x或仅使用x移动Angular色,那绝对没问题。如果移除tilemap纹理,您可以从字面上看到移动时眼睛发生的抖动。Examplehere--确保你移动的距离足以让相机

javascript - 三个JS : Text Sprite's font size difference between WebGL renderer and Canvas renderer

我正在使用三个JS来开发3d图形。我想将图表的单位显示为THREE.SPRITE。为了创建SPRITE,我首先创建了一个Canvas元素并向其中添加了文本。然后我用之前创建的Canvas元素创建了THREE.Texture。使用纹理作为贴图创建THREE.SpriteMaterial,然后使用此SpriteMaterial创建THREE.SPRITE。将此SpriteMaterial添加到场景中。当渲染器是THREE.WebGLRenderer的实例时,文本的大小非常小,而当渲染器是THREE.CanvasRenderer的实例时,文本的大小非常大.以下是我用来创建Sprite的代码。

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - svg + Sprite 表 + d3 + clipPath + 位置 + 大小

需要提前道歉:对于篇幅和我的无知。我正在尝试自学新概念:d3.js和Sprite表。Sprite表的概念很容易理解,但我很困惑如何将其集成到d3中。基本上我想做的是从Sprite表中选择我想用作图像的Sprite,然后使用d3在页面的其他地方显示这个选定的Sprite,并且很可能是同一个Sprite的多个副本。供引用的实际sprite表(见下面的免责声明):问题如下:1)我将sprite表添加到我的html中,硬编码现在,这显示了我想要的特定Sprite,但是,Sprite的尺寸/定位就像显示了整个Sprite表一样。我怎样才能只“捕获”Sprite本身,而不仅仅是隐藏未使用的Spri

javascript - 单击 Canvas 中 Sprite 上的区域

我正在用Javascript创建游戏。目前,Sprite是带有背景图像的div元素,更新后可以创建动画。我听说如果我制作元素Canvas并将Spriteblit到Canvas上,我可以使Sprite可点击,省略透明区域。我需要一个可以点击我的游戏Sprite但可点击区域适合Sprite形状的解决方案。它还需要是自动的。我无法使用预制的点击map执行此操作。 最佳答案 我有一个教程几乎完全可以满足您的HitTest需求。查看代码here.当您单击时,代码将每个形状(我使用矩形,但它与半透明图像一起工作时效果很好)绘制到内存中的Canv

javascript - gRaphael Js : where can I find tutorials to produce data charts (pie, 条等)

在哪里可以找到使用gRaphael在Web上生成数据表示的教程?网上好像没有文档。非常感谢 最佳答案 我真的会根据个人经验反对graphael。我看着它并在我的实现过程中卡住了好几次(例如,像轴标签这样的简单东西需要像在特定位置设置文本这样的技巧),以及可见的物理x轴缩放/刻度(至少对于我的条形图)试过)好像和数据没有关系,好像有一些你看不到的内轴。我找不到一个图形示例,它实际上具有专业图形所具有的最少组件数量(标签、图例等),所以对我来说,它只是一个更漂亮的“迷你图”。总而言之,麻烦多于它的值(value),而且您找到的任何文档充

javascript - 在Phaser js中添加 Sprite

我需要知道如何为左、右和向上(顶部)移动相应地添加此Sprite图像的第2、3、4行。下面的代码用于底部移动,因为它是sprite中的第一行,所以我可以移动它。如果我水平创建一个长Sprite我可以实现它,还有其他方法吗?请帮我弄清楚如何包含第二行之后的内容。Sprite图像(用户/玩家):functionpreload(){myGame.load.spritesheet('user','user4.png',95,158,12);}varplayer;functioncreate(){player=myGame.add.sprite(500,100,'user');myGame.ph

JavaScript "pixel"- 使用数学(可能是线性代数)旋转 Sprite 的完美碰撞检测

我正在用JavaScript制作2D游戏。为此,我需要能够“完美地”检查两个Sprite之间的碰撞,这些Sprite具有x/y位置(对应于它们的中心)、弧度旋转,当然还有已知的宽度/高度。经过数周的工作(是的,我什至没有夸大其词),我终于想出了一个可行的解决方案,不幸的是,结果证明它太慢了大约10,000倍,并且无法以任何有意义的方式进行优化。我完全放弃了从Canvas上实际绘制和读取像素的想法。那只是不会削减它,但请不要让我详细解释原因。这需要通过数学和“想象的”2D世界/网格来完成,通过与众多人交谈,基本思想变得显而易见。然而,实际实现并非如此。这是我要做的和想做的:我已经做过的事

swift - 将 json 编码时间转换为 nsdate

当我将time.Now()编码到JSON对象时,它给出的结果为"2009-11-10T23:00:00Z"但打印时间。现在给出2009-11-1023:00:00+0000UTC。他们为什么不同。什么是T和Z。另外,如何根据this将其转换为swiftNSDate对象?表? 最佳答案 这些值的含义无关紧要,它们是该格式(ISO8601)的一部分。有几种方法可以解决这个问题。一种是为时间或您的结构定义自定义MarshalJSON()方法并使用它来格式化日期,另一种是首先在您的结构中将其表示为字符串,以便当默认实现执行你得到你正在寻找的