我正在使用 VueJS 制作一个应用程序，该应用程序使用 MelonJS 启动游戏，然后将分数传递给 mongoDB 数据库。

目前，我有一个 .vue 组件，我想将游戏注入其中。

这是游戏应该启动的地方

divscreen是运行游戏的地方。原始游戏缩小文件，并在 index.html 文件中将其注入到该 div 中。

这是我想用的游戏

在需要或导入脚本文件时我很困惑。Vue 是否支持在组件中使用如此大的代码块？如果我链接新项目 html 文件中的文件，一旦组件加载，它将可以访问 js 和 css 文件吗？

我有一个想法，我可以将它们要求到组件中，并且它的行为就像 html 文件一样。

精灵和补间有什么区别？您什么时候在游戏开发中使用其中一种？我正在制作游戏，但找不到关于两者差异的很好解释。

我想为移动的物体添加一些轨迹效果，随着时间的推移会逐渐消失。这是我到目前为止所得到的：

演示（使用 WASD 或箭头键移动）

这是完整项目的链接，可在本地进行测试。

但我想以与褪色相同的方式更改轨迹中项目的颜色。

在移相器中，这可以为精灵着色，但我不知道如何在 melonjs 上实现这一点。

注意：如果效果可以用基本形状而不是图像来完成，那也可以。

这是一个菜鸟问题，但到目前为止我还没有用 JavaScript 做太多工作。我有一个游戏，我正在为课堂编程，到目前为止一切看起来都还不错，但我无法让我的 main.js 文件识别 melonJS 的 melonJS，这是我作为游戏引擎的一部分使用的。代码如下：

main.js 源代码：

这是我的索引代码文件：

我创建了一个 glsl 着色器：

我通过运行在游戏负载中初始化它：

这是在视频初始化后完成的，似乎可以编译着色器程序并正常加载。将着色器加载到 shaderfrog.com 和其他类似网站时，它似乎也能正常工作。

问题是，在我移动角色并重新绘制之前，它会让我完全黑屏。我已经阅读了 webgl 基础站点，看来我缺少的是将字符位置绑定到 GL 缓冲区。

我如何在 melonjs 中做到这一点。

我试图复制 Melon.js 的 Space Invaders 项目。它使用 Grunt，初始配置是清除包含播放器图像的文件。

如何更新配置，使其不会清除文件 /build/js/resources.js？

干杯