Project1

标题: 如何在游戏窗口旁边拉出来一块放图片的区域？ [打印本页]

作者: 白玉楼的台阶 时间: 2021-12-9 01:00
标题: 如何在游戏窗口旁边拉出来一块放图片的区域？
我想在游戏窗口侧面额外拉开一块放立绘，有没有简便的做法？
我现在的做法是直接调整分辨率，不过这样会导致游戏地图也变大，因此还要加个并行处理，玩家走到立绘区的时候让立绘透明
不过这个方法不太稳定，经常玩家走到立绘背后去了……而且地图绘制是居中的，两边都是黑边……总之太傻了，各种不方便

能不能在游戏窗口旁边拉出来一块纯放图，不涉及游戏地图的区块？

作者: shantianzu 时间: 2021-12-9 08:34
https://rpg.blue/thread-398550-1-1.html

作者: 白玉楼的台阶 时间: 2021-12-9 19:14

shantianzu 发表于 2021-12-9 08:34
https://rpg.blue/thread-398550-1-1.html

不是很合用，首先这个多窗口没办法附加到主屏幕之外的区域，出圈的部分看不见，然后这个是镜头追踪角色的额外窗口，似乎不能单纯显示一个图

不过我找到了一个有类似功能的游戏，现在只要从它那一堆插件里面翻出来哪一个是实现这个功能的就行了……………………希望没有前置要求

QQ截图20211209184012.png (415.31 KB, 下载次数: 61)

作者: shantianzu 时间: 2021-12-10 08:51

白玉楼的台阶发表于 2021-12-9 19:14
不是很合用，首先这个多窗口没办法附加到主屏幕之外的区域，出圈的部分看不见，然后这个是镜头追踪角色的 ...

https://rpg.blue/forum.php?mod=v ... 6orderby%3Ddateline

作者: 小怪兽奇奇侠 时间: 2021-12-10 12:17
当然可以呀。
在index.html里插入一个img标签引入你想要的图片，然后修改css的z-index和position之类的属性让你的图片显示到想要的位置。可能还需要改一下mv游戏默认的窗口大小和canvas默认的居中定位。

听起来很复杂但其实非常简单。
我现在没有电脑，不然直接就帮你搞好了(/ω＼)

思路提供给你，你可以自己摸索一下。

作者: 白玉楼的台阶 时间: 2021-12-10 13:30

shantianzu 发表于 2021-12-10 08:51
https://rpg.blue/forum.php?mod=viewthread&tid=482789&extra=page%3D1%26filter%3Dtypeid%26typeid%3D1 ...

啊，这个看上去挺好的，下班我试试看，谢谢
你们是怎么记住这些插件的帖子的…………

作者: 白玉楼的台阶 时间: 2021-12-10 13:33

小怪兽奇奇侠发表于 2021-12-10 12:17
当然可以呀。
在index.html里插入一个img标签引入你想要的图片，然后修改css的z-index和position之类的属性 ...

改居中和窗口大小还会做，但是在游戏运行中改变index调用的图片就不太会了，如果只改居中用默认功能放图，绘制的图片下面还有地图，虽然可以让玩家走过去的时候图片透明，多少还是影响游戏体验，特别是接近图片但是图片还没透明化的时候视野就很近，影响躲避有视野的巡逻敌人，还得深入学习……

作者: 小怪兽奇奇侠 时间: 2021-12-10 15:02

白玉楼的台阶发表于 2021-12-10 13:33
改居中和窗口大小还会做，但是在游戏运行中改变index调用的图片就不太会了，如果只改居中用默认功能放图 ...

不是不是，改居中改的是canvas自身位置的居中。具体来讲：

默认你把窗口全屏化以后canvas处于中间，两边都是黑屏，没有游戏画面，我的意思是你把canvas移到左边，然后在右边原来黑屏的地方放图片。

改变窗口默认大小的意思是，canvas还是那么大，也就是游戏画面还是那么大，只是窗口大小变了，就像上边的全屏就是改了窗口大小。你通过人为设定窗口的默认大小，让黑屏的面积等于你图片的面积，图片就能恰好填充黑屏部分。效果会比较好。

游戏中改变调用的图片可以用事件中的脚本指令，用js获取img的id，然后改变他的src，就能轻易做到。

作者: 白玉楼的台阶 时间: 2021-12-12 17:35

小怪兽奇奇侠发表于 2021-12-10 15:02
不是不是，改居中改的是canvas自身位置的居中。具体来讲：

默认你把窗口全屏化以后canvas处于中间，两边 ...

嗯……不是很明白
比如说吧，默认的游戏窗口是816*624，如果我要在旁边放个立绘，比如宽度375的图吧
我在设置里面把游戏窗口设置为1191*624，启动之后旁边不是黑的，是描绘了地图的，这时候旁边可以描绘图片，但是也会有地图
如果我把游戏设置的正常816*624，然后图片设置显示在816的位置，这时候全屏化，旁边确实有黑条，但是那个黑条里面不显示游戏内容，包括图片也不行，你看这个，旁边那个小白条是我特意把图片往左边多放了一点，好确定立绘图片有没有被调用的，黑色区域里面的图看不见……

QQ截图20211212173326.png (478.02 KB, 下载次数: 59)

作者: 小怪兽奇奇侠 时间: 2021-12-12 20:42

白玉楼的台阶发表于 2021-12-12 17:35
嗯……不是很明白
比如说吧，默认的游戏窗口是816*624，如果我要在旁边放个立绘，比如宽度375的图吧
我在 ...

嗯嗯，对呀。所以我一直在跟你讲，在index.html里改，用<img>标签插入图片，不是用mv内置的插入图片事件来插入。因为黑条是不显示游戏画面的，你用mv的插入图片，图片永远是在游戏画面里边的，而不能盖住黑条。但img标签可以，只要他的z-index置于顶级在哪都可以显示。

我想你或许不了解html的知识，不然应该能了解我的想法。但其实html相当简单，你可以上网搜索一下img标签的用法，首先从能显示一个图片做起，相信很快就能掌握。

当然啦，如果懒得去学习这些东西可以直接试试别人的插件，能满足你的需求就好。

作者: 白玉楼的台阶 时间: 2021-12-15 11:55

小怪兽奇奇侠发表于 2021-12-12 20:42
嗯嗯，对呀。所以我一直在跟你讲，在index.html里改，用标签插入图片，不是用mv内置的插入图片事件来插入 ...

挑战失败……功能暂存……先做别的……

欢迎光临 Project1 (https://rpg.blue/)