Canvas简单游戏视口

文章/答案/技术大牛

发布

1回答

javascript、canvas

我想让我的游戏变得可开发，这样我们就可以在地图上移动。我尽了最大的努力来实现这个代码：，但它对我不起作用，我尝试了很多方法来解决这个问题，我在互联网上搜索，没有找到任何适合我的代码的简单的视窗。我只是希望玩家总是在画布的中间，当我们点击(或按住点击)时，它会移动地图，但每个游戏对象都保持在它们的位置。如果它到达地图的任何一侧，就让它去做，它可以遍历地图。我想要映射为，简单的图像或一些生成的画布矩形，或任何东西。")[0].getContext('2d'), canvas =

浏览 15提问于2017-07-24得票数 3

回答已采纳

1回答

调整尺寸的帆布-保持最大宽度或高度而不拉伸/填充

javascript、css、html、canvas、render

对于使用javascript中的画布的html5游戏，我有一个问题。我希望展示给玩家的画布包含1920年的canvas.width，或者1080的canvas.height，以避免看到填充物。这意味着，如果玩家用其他比例调整屏幕大小，我不想保持(最佳)游戏比率16/9，但我希望保持视口比16/9，以避免拉伸(使用canvas.样式。让我以一个具有可调整大小的屏幕(window.innerWidth = 500和window.innerHeight

浏览 2提问于2016-08-11得票数 3

回答已采纳

2回答

响应性和始终是二次/1:1比率div

html、css、responsive-design

我在CSS和JavaScript中创建了一个简单的游戏，我希望游戏字段是二次型的，它的宽度/高度取决于视口高度。但是，如果视口宽度小于高度，则希望字段大小相应更新，并保持1:1的比例。solid #0097A7;.field .player { height: 5vh;} 它在更改窗口/视口高度时工作当视</

浏览 4提问于2015-08-11得票数 1

回答已采纳

1回答

视口和视图之间的区别是什么？

c++、directx、directx-11

为什么需要视口？一个视图不是很吸引人吗？有什么关系？我在我的程序中有一个在很久以前创建的视口，我甚至忘记了它就在那里……现在我想要多阶段渲染，我想知道我是否需要另一个。

浏览 74提问于2020-11-03得票数 0

回答已采纳

1回答

如何在戈多中像素化2D游戏？

godot、pixelate

因此，我正在制作一个2D戈多游戏，我认为，如果我能像素化整个视口，这将是有用的。也许我需要一个canvas_item着色器，但我不知道怎么做。有人能解释一下怎么做吗?为什么会起作用？

浏览 4提问于2020-11-15得票数 2

回答已采纳

1回答

当键盘处于活动状态时，iPad web应用程序视口高度会在方向更改时发生更改

javascript、html、ios、ipad、web-applications

meta name="viewport" content="initial-scale=1.0, user-scalabe=no">但问题是，当键盘处于活动状态且方向发生更改时，视口将更改为可见视口区域

浏览 0提问于2014-03-06得票数 0

1回答

HTML5画布-画一个环形扇区

javascript、html、canvas、donut-chart

我想画一个环形的游戏地图(10000x10000)的边缘(所以地图将是圆的)。最简单(但在性能方面最差的)方法是画一个填充圆(半径6000)和未填充圆(半径5000)。玩家有一个小的视口，然后它没有必要画一个完整的环形。一个扇区是可以的。有没有一种有效的方法来绘制一个巨大的环扇形在canvas2D上？

浏览 2提问于2016-08-21得票数 0

回答已采纳

1回答

MonoGame 3.4 Windows Phone 8.1 -虚拟硬件按钮下的视口渲染

c#、windows-phone-8.1、screen-resolution、monogame

我正在开发一个适用于Windows和Windows Phone 8.1的游戏。游戏运行在800x480，这是在游戏类构造函数中设置的：graphics.PreferredBackBufferHeight= 480;当我在诺基亚630上运行游戏时，当我在诺基亚630上运行游戏时，虚拟按钮和实际分辨率为854x480，视

浏览 1提问于2015-07-29得票数 0

1回答

当android内部的动态图像视图关闭到右边框时，android会自动向右移动屏幕

android、android-animation、android-canvas、surfaceview、2d-games

有没有一种方法，当主布局内的运动图像视图在从左到右的移动过程中关闭到右边界时，使用动画api或使用画布或表面视图来将屏幕的主布局从左向右移动，或者我必须使用任何2d游戏引擎。例如:在所有游戏中，有一个角色向右移动，屏幕也随之移动。很抱歉，如果我的问题看起来很简单，但这是我是新手在android游戏开发，并想知道这是否可能。提前感谢

浏览 2提问于2015-09-07得票数 0

1回答

XNA在视口中创建游戏实例

xna、viewport

我有两节课：2) game1.cs这个类是一个简单的游戏哦...我在做一个2D项目帮助PLS~

浏览 0提问于2011-01-18得票数 1

回答已采纳

1回答

如何设置网格大小以适应three.js中的视口高度和屏幕？

javascript、reactjs、three.js

Codesandbox：https://codesandbox.io/s/canvas-lighting-experiment-wip-3p9im?file=/src/Canvas.component.jsx 我已经将画布设置为适合窗口的高度和宽度，但是，场景中的网格并没有完全填满屏幕。我已经尝试使用场景的相机位置来填充视口，但这不起作用。如何设置网格大小以完全和响应地填充视口？

浏览 46提问于2020-07-18得票数 2

2回答

在2D游戏中有效地检索视口中的Z有序对象

performance、algorithm、sorting、graphics、game-engine

想象一个2D游戏，有一个很大的游戏区域，比如10000x10000像素。现在想象一下，有成千上万的物体分布在这个区域。假设在这个播放区域中有一个视口，显示了这个播放区域的500x500区域。显然，如果算法是“对于Z顺序列表中的每个对象，如果在视口内，则渲染它”，那么您将浪费大量时间来迭代远离视口的数千个对象。更好的方法是维护视口附近或视口内的对象的Z排序列表。如果对象和视口都在移

浏览 0提问于2014-11-20得票数 1

1回答

Libgdx |如何创建小地图？

java、android、libgdx、viewport

我正在用libgdx制作一个自上而下的迷宫游戏，我使用extendViewport来渲染游戏摄像头。我对如何创建一个小地图感到有点困惑。我应该为小地图创建一个额外的视口和相机吗？对于整个视口/相机的事情，我仍然是个新手。谢谢!

浏览 3提问于2016-06-04得票数 4

1回答

根据浏览器窗口大小调整视口/画布的大小

canvas、webgl、viewport

我希望我的webgl应用程序视口和画布对浏览器窗口大小的变化(包括F11按钮)做出反应。也就是说，我希望画布总是100%的宽度和高度，我希望视口的大小和纵横比是适当的。前者我用简单的方法实现：尽管我不确定这是不是应该走的路。我确实意识到：是错误的，因为画布的大小不会经常改变(它总是1

浏览 0提问于2012-12-14得票数 11

回答已采纳

1回答

使div在变换后占据所有宽度和高度:旋转(90度)

html、css

我有一个战舰游戏，占100%的宽度和100%的身体高度(如全屏)，这个游戏有一个媒体查询:当屏幕宽度<420 in时，游戏应该旋转90度(到景观模式)，旋转后它也应该占据整个视口，但旋转后，游戏的宽度是100%的视口(高度在景观模式)和高度只有50%左右的视口(景观模式宽度)。那么，我怎样才能让游戏在景观模式中占据所有的视图呢？

浏览 4提问于2022-09-11得票数 0

点击加载更多