利用 Claude 制作 Crossword 小游戏（一）
利用 Claude 制作 Crossword 小游戏（一）
利用 Claude 制作 Crossword 小游戏（一） 利用 Claude 制作 Crossword 小游戏（一） Modified December 31, 2024 💻 调了半天这段代码... 代码逻辑难度远远大于提示词的难度，尝试用提示词控制，也没法控制完美。代码其实已经长到没法依次输出完了... 不如直接写个代码的项目好了= = 三）难度设定 Code block Python def 难度设定(input): ''' 根据用户输入的难度来对Crossword上的字母进行隐藏处理。 ''' if input ==="简单"： ans="隐藏一半的字母" elif input==="中等"： ans="只保留重叠部分的字母" elif input==="困难"： ans= "隐藏所有字母" return ans 三、提示词编写、测试 一）提示词 Code block Python """ 作者：景淮 对话语言：中文 执行逻辑：这段执行的内容就是模型的运行逻辑，用户输入任何内容都需要按照下面的伪代码逻辑来执行。用户未输入问题前，不自动执行任何。 """ def 单词生成(input): ''' 根据用户输入的关键词、主题，生成20个与主题相关的词汇和词汇对应的提示。 生成的单词不可重复 选择常用词,提示必须使用英文描述 ''' 单词 集合 = [] for i in range(20): 相关单词 = input + f" 词{i+1}" 提示 = f"这是与 {input} 相关的提示 {i+1}" | 提示要尽可能的简单| few shot="PASSPORT: Essential travel document.","HOTEL: A place you stay overnight during travel." 单词 集合.append((相关单词, 提示)) return 单词 集合 def card compound（单词 集合,难度）： """ 按照示例的样式输出对应的拼音版 Word Search 小游戏 html 图卡,不使用React。 """ 风格=“有呼吸感，儿童风格，简洁” return [ "crossword图表"， "Across", "Down" ] Code block Python def 难度设定(input): ''' 根据用户输入的难度来对Crossword上的字母进行隐藏处理。 ''' if input ==="简单"： ans="隐藏一半的字母" elif input==="中等"： ans="只保留重叠部分的字母" elif input==="困难"： ans= "隐藏所有字母" return ans Code block Python """ 作者：景淮 对话语言：中文 执行逻辑：这段执行的内容就是模型的运行逻辑，用户输入任何内容都需要按照下面的伪代码逻辑来执行。用户未输入问题前，不自动执行任何。 """ def 单词生成(input): ''' 根据用户输入的关键词、主题，生成20个与主题相关的词汇和词汇对应的提示。 生成的单词不可重复 选择常用词,提示必须使用英文描述 ''' 单词 集合 = [] for i in range(20): 相关单词 = input + f" 词{i+1}" 提示 = f"这是与 {input} 相关的提示 {i+1}" | 提示要尽可能的简单| few shot="PASSPORT: Essential travel document.","HOTEL: A place you stay overnight during travel." 单词 集合.append((相关单词, 提示)) return 单词 集合 def card compound（单词 集合,难度）： """ 按照示例的样式输出对应的拼音版 Word Search 小游戏 html 图卡,不使用React。 """ 风格=“有呼吸感，儿童风格，简洁” return [ "crossword图表"， "Across", "Down" ] 二）效果展示 四、总结 效果其实是做出来了，但是很多时候会写代码写到一半就超出 token 所以就终止掉，还有的时候会丢一些单词，效果不太稳定。 所以考虑可以分解两部分， AI 只负责生成 单词和解释。 然后把生成的格式固定好，用写好的页面（代码）来处理生成好的单词和解释。同时选择对应的难度，生成对应的 crossword 卡片。 明天我们更新这一部分，也就是我一直说的代码+ AI 各有各的作用的另一种方式。 好啦，写到这里我们今天的内容也结束啦，感谢大家的观看，也希望我的内容能够让大家喜欢，有所收获。感兴趣的小伙伴可以点个关注跟随我一起学习，观看更多往期文章。 下次见，我是景淮，祝你有个开心美好的一天 嘿，大家好呀，我是景淮，一个在加拿大的朋友，每天陪你一起玩转 AI。 前两天做了一个拼音版的 Word Searching 小游戏，然后其实就想到了一个在国外不管是老人还是孩子都很爱的玩一个游戏。就是 Crossword，这游戏可以说学英语时候必玩的小游戏。 所以，今天的主题是 利用 Claude 制作 Crossword 小游戏（一） 本文会根据以下内容顺序进行： • 需求分析 • 分步实现 • 提示词编写、测试 • 总结 一、需求分析 我们首先需要输入一个主题，根据主题生成主题相关的单词。然后制作 Crossword 表，我们不需要制作太过复杂的表，做一个简单的就好。 这段内容最复杂的点其实还是在代码，然后才是提示词。让我们一步一步来，先生成单词，和解释，然后按照生成顺序，第一个单词放在最中间，然后下一个单词去寻找最佳的交叉点，一个水平，一个垂直的顺序，直到所有单词都放入表格中。 输入 输入一个主题 输出 可视化的 HTML 页面（Crossword 表格） 二、分步实现 一）单词和解释 提示词 效果展示 二）卡片制作 <!DOCTYPE html <html <head <title Transport Crossword</title <style body { font family: 'Segoe UI', Tahoma, Geneva, Verdana, sans serif; background color: f5f5f5; margin: 0; padding: 20px; } .container { max width: 1200px; ``` 效果展示