草庐IT

2d-games

全部标签

javascript - 适合与 D3js 结合的库,以允许绘制到 webgl (2D)

这是我正在尝试做的:http://mbostock.github.com/d3/talk/20111116/iris-splom.html但我想在webgl2d中执行此操作(因为SVG性能非常慢,渲染10kSVG仅已降至12fps)通过快速搜索,我发现了几个webgl-2d库:cocos2d-html5,pixijs,Three.js和webgl-2d(废弃?)它们看起来很简单,但我想做的是数据可视化。cocos和pixijs是2d游戏库。我是webgl和那些库的新手,所以SO方面的专家你们能推荐一下吗?我需要的东西的总结:互动:地block内的矩形选择。单击以选择某些元素。缩放和平移

javascript - 当 "game"重新启动时定时器没有重置

功能:用户在游戏页面中玩基于时间的游戏。将有一个倒数计时器来跟踪游戏持续时间,因此,当计数器=0时,它将检查并评估用户是否满足游戏条件。比赛条件如下:1.)如果计数器等于0且速度大于20ms,则前进到下一页其他2.)它将导航到“游戏结束”页面,用户必须确认游戏结束页面,然后该页面将再次导航回游戏起始页面并且当用户游戏失败并重新开始游戏时,计数器应该被重置,这样它将被视为一个全新的游戏。我做了什么:我已经完成了,计数器也记录了速度,它显示在游戏页面上。其次,我还设置了条件语句来检查条件(counter==0&&speed>20),这是假设分别将用户导航到正确的页面。问题:用户能够在游戏结

javascript - 3D对象的ThreeJS 2D边界框

我需要找出我的3D对象在屏幕上使用的区域。我尝试通过Google寻找答案,但没有成功。geometry.computeBoundingBox()函数仅返回3D边界框。如何将其转换为2D边界框? 最佳答案 您只需将所有顶点转换为屏幕空间并从中创建一个2D边界框:functioncomputeScreenSpaceBoundingBox(mesh,camera){varvertices=mesh.geometry.vertices;varvertex=newTHREE.Vector3();varmin=newTHREE.Vector3(

Unity2d自动寻路(AI插件)

插件网址指路:A*PathfindingProjecthttps://arongranberg.com/astar/download3D如何简单的使用参见:A*Pathfinding插件(3D)_作孽就得先起床的博客-CSDN博客将下载好的插件导入后如何进行操作?新建一个空的CreatEmpty给它另取个名字接着添加组件接着输"path"选择第一个“Pathfinder” 选择后点击“Graphs”(图)选择第一个在打开时可能会发生折叠,点开“GridGraph”就好下面开始操作:1、勾选‘2D’2、到场景中调整覆盖区域大小,限制Ai追踪的范围 也可用边框的这里进行调整3、勾选“Use2DPh

javascript - phaser.io 多个 phaser.game 实例

我想在Phaser.io中使用多个newPhaser.Game实例,但是当我创建第二个Phaser.Game对象时,我得到以下错误WebGL:INVALID_OPERATION:uniform2f:location不适用于当前程序这是我使用的HTML代码这是我使用的JavaScript代码newPhaser.Game(700,850,Phaser.AUTO,'player1Holder');newPhaser.Game(700,850,Phaser.AUTO,'player2Holder'); 最佳答案 您目前不能在一个页面中嵌入多

javascript - Phaser JS 如何停止从 textButton.events.onInputDown 事件到 game.input.onDown 事件的事件传播(触发)?

这是JSFiddle.我这里有两个事件。game.input.onDown执行一些逻辑(在我的示例中生成粒子)是textButton.events.onInputDown,其中textButton是一个Phaser.Text对象实例,执行另一个逻辑。问题是:当我点击我的textButton时,这两个事件都被触发了1和2。问题是,当我点击textButton时,如何防止事件1触发?部分代码:...//Thiseventisfiredonclickanywhereevent#1game.input.onDown.add(particleBurst,this);//ThisisClickab

2022-05-14 Unity核心7——2D动画

文章目录一、序列帧动画二、骨骼动画——2DAnimation三、反向动力学IK四、换装五、骨骼动画——Spine一、序列帧动画(一)什么是序列帧动画​我们最常见的序列帧动画就是我们看的日本动画片,以固定时间间隔按序列切换图片,就是序列帧动画的本质​当固定时间间隔足够短时,我们肉眼就会认为图片是连续动态的,进而形成动画(会动的画面)​它的本质和游戏的帧率概念有点类似,原理就是在一个循环中按一定时间间隔不停的切换显示的图片(二)制作序列帧动画​方法一:创建一个空物体创建一个动画直接将某一个动作的序列帧拖入窗口中​方法二:​直接将图片拖入Hierarchy层级窗口中​注意:可以修改动画帧率,来控制动

javascript - Three.js:将 3d 位置转换为 2d 屏幕位置

我有一个位置为(x,y,z)的3D对象。如何计算该对象的屏幕位置(x,y)?我已经搜索过它,一个解决方案是我必须找出投影矩阵,然后将3D位置点乘以该矩阵以将其投影到某些2D观看表面(计算机屏幕)上。但是我不知道如何在Three.js中找到这个矩阵。我尝试了这样的转换函数,但它给出了错误的结果functionPoint3DToScreen2D(point3D){varscreenX=0;varscreenY=0;varinputX=point3D.x-camera.position.x;varinputY=point3D.y-camera.position.y;varinputZ=poi

javascript - 在 2d 环境中以百分比增量将对象从矢量 A 移动到 B

我知道向量A和B的坐标。如何计算这两个向量之间的第一个点?第一个向量X是向量A和B之间距离的1%。所以首先我将向量A中的对象移动到向量B更近1%。所以我需要计算向量X,它是对象的新向量,直到它到达向量B. 最佳答案 你想要lerp荷兰国际集团作为引用,基本公式为:x=A+t*(B-A)其中t介于0和1之间。(超出该范围的任何值都使其成为外推。)检查当t=0时x=A和t=1时x=B。请注意,我的回答没有提到矢量或二维。 关于javascript-在2d环境中以百分比增量将对象从矢量A移动到

win10怎么玩经典扫雷?繁星软件园推荐大家试试Windows7Games吧,亲测好用的扫雷Win10电脑版下载!!!

     扫雷Win10电脑版(Windows7Games)是专门为微软最新版本的Windows10/11操作系统打造的一款非常不错的消除类PC休闲小游戏安装包,Windows7Games游戏安装包为中文版,包含经典扫雷、空当接龙、红心大战、国际象棋等微软低版本操作系统Windows自带的多款超级经典好玩的游戏,大家可以在win10、win11等高版本的操作系统上重温经典,多种难度可供选择,win10扫雷游戏具有玩法多样、画面美观、操作简单、易于上手等特点,可谓是消磨时间的好方法,如果大家还不知道win10怎么玩经典扫雷或者不清楚win10自带的扫雷在哪儿甚至根本不知道win10电脑扫雷被隐藏