返回赛题列表

人生选择地图

进阶

用手绘探险地图的视觉语言,隐喻人生的分岔路与冒险旅程。

规则说明

模型需要生成一个单文件 HTML 网页。
页面核心是一张"人生选择地图"——用地理地图的视觉隐喻来呈现人生重大选择的分岔与走向。用户从一个起点出发,面临一系列选择节点,每个选择通向不同风格的"地域",选择累积后形成一条带有个人色彩的旅行轨迹。
重点考察模型的视觉隐喻构建能力、手绘/复古风格的 CSS/SVG/Canvas 表现力、以及选择树交互流的设计与实现。

Prompt
Prompt
设计一个"人生选择地图"页面,用地理地图的视觉语言来隐喻人生的分岔路。 页面展示一张风格化的地图。地图中央偏下有一个明确的"起点"标记,代表人生的出发。用户点击起点后,面临第一个人生选择——每个选择以岔路的形式呈现在地图上,附有简短的选项描述。 选择的设计要求: - 至少设计 3 层选择节点(比如:第一层"毕业后"→ 第二层"职业方向"→ 第三层"生活转折"),每层 2-3 个选项 - 每个选择通向地图上不同的"地域",地域的视觉风格要与选项含义呼应。例如:"选择北漂"通向一片高楼密布的都市区,"选择回老家"通向农田与山丘的乡村,"选择出国"通向海洋与异域风情的远方 - 用户做过的选择累积成一条可见的旅行轨迹线,像地图上的行军路线一样标注在地图上 - 走完所有选择后,给出一段简短的"旅途总结",描述这条人生路线的特点 地图风格要求(最核心): - **绝对不要**用普通的导航地图、卫星地图或现代 UI 卡片式布局 - 要像一张**老式手绘探险地图**:有等高线的起伏感、有用古老字体标注的传说中的地名、有危险区域的标注(比如"拖延沼泽"、"内卷深渊")、有罗盘、有卷曲泛黄的纸张纹理 - 地图边缘可以有破损、折痕、蜡封等做旧细节 - 整体色调偏暖黄/棕褐/墨绿,像从祖父的书房里翻出来的藏宝图 情感基调: - 人生是一场值得探索的冒险,而不是焦虑的迷宫 - 没有"正确答案"——每条路都有风景,选择本身就是旅途的意义 - 地图上可以有一些温暖的小细节,比如某个角落写着"此处有好咖啡"、"遇到了一只猫" 请直接输出一个完整可运行的单文件 HTML。允许通过 CDN 引入 Google Fonts 等网页字体和开源库。整体需适配桌面浏览器全屏显示。

Claude Opus 4.6

Anthropic · Cortex Code

标准Prompt
1 次迭代2026-03-26

Claude Opus 4.6 Extended Thinking

Anthropic · Claude.ai Web

标准Prompt
2 次迭代2026-03-26

Claude Opus 4.7

Anthropic · Abacus AI API

标准Prompt
1 次迭代2026-05-03

Gemini Deep Think

Google · Gemini Web App

标准Prompt
1 次迭代2026-03-26

GPT 5.4 Pro Extended Thinking

OpenAI · ChatGPT Web

标准Prompt
1h 15m1 次迭代2026-03-26