jjzjj

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 - 在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世界/网格来完成,通过与众多人交谈,基本思想变得显而易见。然而,实际实现并非如此。这是我要做的和想做的:我已经做过的事

c# - PC 上 XNA 中的信箱和缩放

有没有一种方法可以基本上以1080p(或720p)作为我的默认分辨率开发我的XNA游戏,然后根据设置的分辨率将游戏中的所有内容缩放到适当的大小,而无需设置缩放因子在每个SpriteDraw()方法中?我的想法是,我可以根据1080p的分辨率开发所有图形、配置坐标等,但是对于XBOX,只需将分辨率设置为720p并缩小(以便XBOX将所有内容视为720因此可以处理开发人员文档中提到的所有分辨率),并通过自动为非16:9分辨率的View设置信箱来在PC规模上达到任何需要的分辨率或纵横比。我已经设置了我的游戏,这样spritebatch.begin()和end()就会在最高层被调用,围绕所有其

c# - 如何使用 Magick.Net 调整 jpeg 质量

我正在尝试将两个相互附加的图像的图像质量设置为10%,并将图像的大小调整为40x40。using(varimages=newMagickImageCollection{designFile,swatchFile}){MagickImagesprite=images.AppendHorizontally();sprite.Format=MagickFormat.Jpeg;sprite.SetOption(MagickFormat.Jpeg,"quality","10%");sprite.SetOption(MagickFormat.Jpeg,"size","40x40");;sprite

c# - Unity 4.3 - 2D,如何以编程方式将 Sprite 分配给对象

我正在尝试创建一个负责创建和显示不同Sprite的对象,因此我想以编程方式直接访问Assets/Sprite,而不是将Sprite拖放到该对象下的层次结构中。有一种方法可以通过编程方式创建一个新的Sprite并分配我在Assets文件夹中的内容吗?我还想要一种数据结构,在游戏开始时加载一些图像,一个数组或字典或类似的东西,这样我就可以根据某些情况更改我需要显示的图像。但是让我感到困惑的是,因为我是Unity的新手,所以如何使用Assets文件夹以编程方式引用Sprite来创建Sprite。随进度编辑:我创建了一个像这样的Sprite数组:publicSprite[]mySprites;

c# - cocos2d-xna : sprite is not drawn if using instance of a class inherited from sprite

我有一个基于Cocos2DXNA和MonoGame的游戏项目。我想在CCSprite类中添加一些自定义逻辑,所以我创建了一个继承自CCSprite的类。我添加了一个虚拟自动属性并尝试使用此类,但出于某种原因,作为我的自定义Sprite类实例创建的Sprite未显示在图层上,而作为CCSprite类实例的Sprite完全没问题。代码如下所示:publicclassSprite:CCSprite{publicstringSomeProp{get;set;}}...line1:varmySprite1=newSprite("texture.png");line2:varmySprite1=n