塔罗牌网页小游戏:10分钟生成可交互抽牌代码

官方 5 查看 0 有趣 0 复制 0 收藏

提示词描述:

适用于独立开发者或编程爱好者快速搭建娱乐向塔罗牌网页。通过预设牌库参数与交互逻辑,一键生成完整前端代码。预期效果为开箱即用的单文件应用,支持自定义牌数与解读文本,适合个人项目练手或小型娱乐站点部署。

提示语关键词:
AI写代码,前端开发提示词,塔罗牌网页制作,HTML生成工具,单页应用代码,JS小游戏开发,零依赖网页模板
提示词内容:
你是资深前端开发工程师。请为我生成一个可直接运行的单文件HTML+CSS+JS塔罗牌娱乐互动网页代码。核心目标:实现流畅的抽牌交互与趣味解读展示。请按以下技术规范执行: 搭建响应式暗色系UI,采用Flex与Grid混合布局,包含主视觉区、抽牌按钮组与动态结果弹窗。构建JSON格式牌库数组,内置{填写}张塔罗牌完整数据,每张需含唯一标识、正逆位判定阈值、娱乐场景解读文本及基础占位图URL。实现Fisher-Yates随机洗牌算法与点击抽牌逻辑,结合CSS3 transform与transition实现3D翻转动画,确保正逆位概率严格符合预设权重。增加本地会话存储模块,自动序列化并侧边栏展示最近{填写}次抽牌轨迹,提供一键重置接口。 硬性要求:代码结构扁平化,严禁引入任何第三方库或外部CDN链接。核心函数需独立封装,DOM操作与业务逻辑严格分离,关键算法步骤必须添加单行精简注释。确保在移动端与桌面端均无布局错位,字体大小使用rem单位。直接输出完整代码块,包含完整style与script标签,禁止输出任何解释性或引导性文字。
返回列表

提示词排行榜

文章排行榜