知达AI助教
zida.school
创作者yt
点赞1
收藏0
7
前往知达做同款
  • 帮我生成一个单词五子棋”HTML网址,用于小学生背单词,迪士尼风格,美观。棋盘上每个格子都写上一个英文单词,点击交替为白子和黑子。当白子或黑子中有一方五子连成一排则显示:胜利!棋盘下显示框内显示有如下单词和中文翻译…

  • 以下是一个符合您需求的「单词五子棋」HTML页面代码,专为小学生设计,采用迪士尼风格(明亮配色、圆角元素、柔和阴影、趣味字体),支持中英双语显示、交替落子、五连珠胜利判定,并在底部展示已用单词及其中文释义。

    ✅ 特性说明:

    • 15×15标准五子棋棋盘,每个格子初始显示一个常见小学英语单词(共225个精选词,覆盖PEP课标1–3年级核心词汇);
    • 点击空格交替放置白子(代表Player A)和黑子(代表Player B);
    • 胜利检测:横、竖、正斜、反斜四个方向任一出现连续5子即触发胜利弹窗;
    • 胜利后下方显示“已使用单词清单”,含所有被点击过的单词及其标准中文翻译(按点击顺序排列);
    • 迪士尼风格:使用 Comic Sans MS, Chalkboard SE 类手写感字体;主色调为#FFD700(金)、#FF6B6B(珊瑚红)、#4ECDC4(青柠蓝)、#FFE66D(浅黄);按钮带微动效,棋子有柔光投影;
    • 响应式布局,适配平板与教室一体机屏幕;
    • 完全离线运行,无需网络或外部依赖。

    📁 使用方法
    将以下全部代码复制保存为 .html 文件(如 word-gobang.html),双击即可在浏览器中打开运行。

    代码生成中...
知达任务回放中
单词五子棋:趣味学英语
代码
预览
下载
保存到云盘
关闭
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX