通过PHP将单词添加到游戏中

Adding words to game through PHP

本文关键字：游戏 添加 单词 PHP 通过      更新时间：2023-09-26

在我的拼写游戏中，会一直添加新单词，所以总是有新的单词可供拼写。

添加到游戏中的每个单词都有一个图像和声音的"src"，提示用户在游戏中正确拼写。

当我完成游戏制作后，添加新词的工作就交给了我的一位同事。这意味着他必须添加图片、音频以及单词的链接。

由于他们对这类事情知之甚少，我想让他在添加单词时尽可能容易地添加图像和声音。我想创建一个默认路径，指向一个共享位置，他将在那里存储所有这些东西。

这样，他只需输入"bug"作为单词，输入".bug图片"作为图片，输入".bag音频"作为声音，就可以简单地将其添加到HTML中。

这是最好的方法吗？

对他们来说，输入这些东西最简单的方法是什么？

以下是我目前如何存储单词、声音和图像。。。

因此，带有"亮起"字母的表表示要拼写的单词，这是我们试图解决的问题，对吧？

你想让单词"包裹"到桌子的宽度吗？

我看到您正在从<td>的每个"data word="属性中获取数据——您可以很容易地将其归因于html5中的div。它必须是一张桌子有什么特殊的原因吗？否则，您可以使用固定宽度的包装器div，并将<td>s替换为子div set float:left-无论最后一行相对于任何给定单词的字母在哪里，它们都会自动"包装"-也就是说，它会将单词换行。

<style>
    .letters_wrap{
        width:500px;
        height:auto;
        ...
     }
     .letter{
        width:50px;
        height:50px;
        float:left;
        ...
    }
</style>
<div class="letters_wrap">
    <div class="letter" id="letter_1" data-word="shin">s</div>
    <div class="letter" id="letter_1" data-word="shin">h</div>
    <div class="letter" id="letter_1" data-word="shin">i</div>
    <div class="letter" id="letter_1" data-word="shin">n</div>
</div>

如果我至少有正确的答案，请告诉我问题是什么，以及你试图实现什么。

S

更新

@m0onio-在演示页面中，我已经将函数绑定到一个按钮上，以加载php文件（以及单词列表）。

您将在$(document).ready(){}函数中执行该函数，使包含单词列表的javascript数组在DOM可用后可用。

您需要编写一个javascript函数（包含在关闭的</body>标记之前）来处理网格中子div的构造，并从加载php文件（wordlist）的.load（）的回调函数中调用它。

要附加声音和图像，我会在txt文件中也包含这些信息，这样文件的内容就会运行：word | image filename | sound filename，然后当你在数组中循环时，你知道每个第一个元素都是单词，第二个是相关的图像，第三个是声音文件等。然后使用jquery将生成的元素（子div）附加到它的父容器中。有道理吗？

相关文章：