Files
ClassFeedback/.claude/memory/temp/build_0812_0813_page.py

108 lines
26 KiB
Python
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# -*- coding: utf-8 -*-
# 将第33周综合课评页替换为 8月12-13日 两天专属(4课)
import io
path = 'output/课评汇总/第33周穹狼传奇&小龙虾综合课评_0812-0813.html'
block1 = ''' <!-- ═══════ 区块1:穹狼传奇 8-12 第3课 ═══════ -->
<div class="course-block">
<div class="course-hero">
<div class="hero-badge">🐺 穹狼传奇班</div>
<h1 class="hero-title">《精灵图动作播放器与小怪素材》</h1>
<p class="hero-subtitle">AI创意编程 · 第3课</p>
<div class="hero-divider"></div>
<div class="hero-info">
<div class="hero-info-item"><span class="icon">📅</span><span>2026年8月12日</span></div>
<div class="hero-info-item"><span class="icon">⏰</span><span>上午 09:00</span></div>
<div class="hero-info-item"><span class="icon">👩‍🏫</span><span>橙子老师</span></div>
</div>
</div>
<div class="goals-section"><div class="goals-header"><span class="goals-title"><span class="title-icon">🎯</span>本周知识点</span><button class="goals-toggle" onclick="toggleGoals(this)">收起</button></div><ul class="goals-list"><li><span class="goal-num">1</span><span class="goal-text">让AI写需求文档:用"计划模式"(先出方案、不写代码)规划功能,审核后再开工</span></li><li><span class="goal-num">2</span><span class="goal-text">精灵图布局规范:图片两排排列、尺寸统一</span></li><li><span class="goal-num">3</span><span class="goal-text">精灵图动作播放器:上传素材即可预览动作播放</span></li><li><span class="goal-num">4</span><span class="goal-text">生成小怪素材:用提示词让AI生图、AI抠图去背景</span></li><li><span class="goal-num">5</span><span class="goal-text">素材精修归档:提示词放创作台精修,素材统一管理</span></li></ul></div>
<div class="cards-slider-wrapper">
<div class="cards-slider">
<div class="student-card active" data-key="haolin-0812"><div class="card-header"><span class="student-name">卢皓霖</span><span class="card-badge badge-normal">正常上课</span></div><div class="card-body"><div class="feedback-content" data-student="卢皓霖">皓霖家长好,本周学习的内容是《精灵图动作播放器与小怪素材》:<br>1. 让AI写需求文档:用"计划模式"(先出方案、不写代码)规划功能,审核后再开工<br>2. 精灵图布局规范:图片两排排列、尺寸统一<br>3. 精灵图动作播放器:上传素材即可预览动作播放<br>4. 生成小怪素材:用提示词让AI生图、AI抠图去背景<br>5. 素材精修归档:提示词放创作台精修,素材统一管理<br><br>昨天皓霖一口气做了22种动作精灵图,今天就把它们用起来啦~开始做"精灵图动作播放器",还学会让AI先写需求文档、审核之后再动手,做事的流程感越来越强!💪<br><br>今天还挑战了新任务:生成游戏的小怪角色!他让AI生成了"橘子怪",学会用AI抠图把背景去掉。遇到白底没抠干净,皓霖一点不慌,老师一提醒就自己调整过来了——这种不怕小麻烦的好心态,学编程特别珍贵!还学会把生图提示词放到创作台(AI生图的编辑工作区)里精修,素材越做越精致。😊<br><br>课堂上偶尔聊到游戏会走神,不过老师一提醒,皓霖马上就能回到任务上,这份"能收回来"的能力很棒!下次我们把任务切成两三小步,每完成一步击个掌,专注一小段、歇一小段,效率会更稳哟~<br><br>回家可以请皓霖打开"橘子怪"给你们看看,让他讲讲怎么让AI生图、又怎么把白底抠掉的——能讲清楚,就说明真的学会啦~明天做第一关地图,把精灵和小怪都用起来!老师会继续关注皓霖的表现,期待看到更多精彩!🌟💡</div><div class="metrics"><div class="metric-item" data-metric="课堂互动"><div class="metric-label">课堂互动</div><div class="star-rating editable" data-score="4"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">优秀</span></div><div class="metric-comment" data-metric-comment="课堂互动">学会"计划模式"让AI先写需求文档,主动和老师配合打磨素材;聊到游戏会走神,但一提醒能收回</div></div><div class="metric-item" data-metric="专注度"><div class="metric-label">专注度</div><div class="star-rating editable" data-score="3"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">良好</span></div><div class="metric-comment" data-metric-comment="专注度">偶尔聊游戏走神,老师提醒后能马上回到任务</div></div><div class="metric-item" data-metric="作品完成"><div class="metric-label">作品完成</div><div class="star-rating editable" data-score="4"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">优秀</span></div><div class="metric-comment" data-metric-comment="作品完成">把22种精灵图做成动作播放器,还生成"橘子怪"素材、学会AI抠图去背景</div></div><div class="metric-item" data-metric="知识点掌握"><div class="metric-label">知识点掌握</div><div class="star-rating editable" data-score="4"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">优秀</span></div><div class="metric-comment" data-metric-comment="知识点掌握">掌握需求文档先行、AI抠图、提示词精修;素材统一归档还需巩固</div></div></div></div></div>
</div>
</div>
</div>
'''
block2 = ''' <!-- ═══════ 区块2:小龙虾 8-12 第3课 ═══════ -->
<div class="course-block">
<div class="course-hero">
<div class="hero-badge">🦞 AICODE小龙虾班</div>
<h1 class="hero-title">《AI创意写作·修仙爽文《战临九天》》</h1>
<p class="hero-subtitle">AI创意编程 · 第3课</p>
<div class="hero-divider"></div>
<div class="hero-info">
<div class="hero-info-item"><span class="icon">📅</span><span>2026年8月12日</span></div>
<div class="hero-info-item"><span class="icon">⏰</span><span>下午</span></div>
<div class="hero-info-item"><span class="icon">👩‍🏫</span><span>橙子老师</span></div>
</div>
</div>
<div class="goals-section"><div class="goals-header"><span class="goals-title"><span class="title-icon">🎯</span>本周知识点</span><button class="goals-toggle" onclick="toggleGoals(this)">收起</button></div><ul class="goals-list"><li><span class="goal-num">1</span><span class="goal-text">故事设定共创:把想要的题材、主角、金手指(随身空间+前世记忆)用清晰的话告诉AI,AI帮忙整理成大纲</span></li><li><span class="goal-num">2</span><span class="goal-text">力量体系设计:给故事定"武道八境"境界体系(武者→武师→武灵→武王→武宗→武尊→武圣→武帝),让世界规则自洽</span></li><li><span class="goal-num">3</span><span class="goal-text">角色与伏笔设计:废柴主角、随身老爷爷、部族覆灭之谜、天赋被父亲封印,每个角色背后都藏着钩子</span></li><li><span class="goal-num">4</span><span class="goal-text">剧情逻辑自查:发现设定前后矛盾就大胆提出质疑,核对原文、修改设定,让故事经得起推敲</span></li><li><span class="goal-num">5</span><span class="goal-text">作品网页化:把写好的小说做成单文件阅读网页,目录导航、明暗主题、字号调节,新章节随时加</span></li></ul></div>
<div class="cards-slider-wrapper">
<div class="cards-slider">
<div class="student-card active" data-key="junmian-0812"><div class="card-header"><span class="student-name">赵俊棉</span><span class="card-badge badge-normal">正常上课</span></div><div class="card-body"><div class="feedback-content" data-student="赵俊棉">俊棉家长好,本周学习的内容是《AI创意写作·修仙爽文《战临九天》》:<br>1. 故事设定共创:把想要的题材、主角、金手指(随身空间+前世记忆)用清晰的话告诉AI,AI帮忙整理成大纲<br>2. 力量体系设计:给故事定"武道八境"境界体系(武者→武师→武灵→武王→武宗→武尊→武圣→武帝),让世界规则自洽<br>3. 角色与伏笔设计:废柴主角、随身老爷爷、部族覆灭之谜、天赋被父亲封印,每个角色背后都藏着钩子<br>4. 剧情逻辑自查:发现设定前后矛盾就大胆提出质疑,核对原文、修改设定,让故事经得起推敲<br>5. 作品网页化:把写好的小说做成单文件阅读网页,目录导航、明暗主题、字号调节,新章节随时加<br><br>俊棉今天从"网页主编"升级成"故事主笔",书名、主角名、"武道八境"境界体系都是他自己拍板的,主人翁意识特别强~📖<br><br>最让老师惊喜的是他把"较真"用在了剧情逻辑上:第一章里他发现"16岁便突破炼气九层"和"先测灵根再修炼"的设定对不上(按故事设定,修炼要先测灵根、再一步步突破境界),直接提出"这个地方是不是不太对?",老师当场把第一章原文调出来一起核对修正——会自己审查自己故事逻辑,这就是作者思维💡<br><br>下午他一句"继续",AI就连着写出了第4-6章:破境武师、大比一拳镇场、硬抗武灵楚枫,一波接一波的爽快反转;他还把小说做成了网页版,目录导航、明暗主题、字号调节都有~<br><br>比起第2课"做完要检查、让AI迭代",这一课他更进一层,会主动找剧情漏洞,进步很明显~下节课老师想请俊棉当"小编剧",把《战临九天》的开篇讲给您听~<br><br>回家可以玩一个小游戏:让俊棉当"作者"、您当"读者",读完一段问他"下一章会发生什么",看他把伏笔怎么接回来~<br><br>老师会继续关注俊棉的表现,期待看到更多精彩!🌟💡</div><div class="metrics"><div class="metric-item" data-metric="课堂互动"><div class="metric-label">课堂互动</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="课堂互动">主人翁意识强,书名、主角、"武道八境"全自己拍板,主动质疑剧情设定</div></div><div class="metric-item" data-metric="专注度"><div class="metric-label">专注度</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="专注度">整节课全程主导故事创作,专注投入</div></div><div class="metric-item" data-metric="作品完成"><div class="metric-label">作品完成</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="作品完成">完成《战临九天》世界观设定+续写第4-6章+网页版阅读器</div></div><div class="metric-item" data-metric="知识点掌握"><div class="metric-label">知识点掌握</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="知识点掌握">把"剧情逻辑自查"用到极致,会审查自己故事逻辑</div></div></div></div></div>
</div>
</div>
</div>
'''
block3 = ''' <!-- ═══════ 区块3:穹狼传奇 8-13 第4课 ═══════ -->
<div class="course-block">
<div class="course-hero">
<div class="hero-badge">🐺 穹狼传奇班</div>
<h1 class="hero-title">《AI生成游戏地图——橙城第一关》</h1>
<p class="hero-subtitle">AI创意编程 · 第4课</p>
<div class="hero-divider"></div>
<div class="hero-info">
<div class="hero-info-item"><span class="icon">📅</span><span>2026年8月13日</span></div>
<div class="hero-info-item"><span class="icon">⏰</span><span>上午 09:00</span></div>
<div class="hero-info-item"><span class="icon">👩‍🏫</span><span>橙子老师</span></div>
</div>
</div>
<div class="goals-section"><div class="goals-header"><span class="goals-title"><span class="title-icon">🎯</span>本周知识点</span><button class="goals-toggle" onclick="toggleGoals(this)">收起</button></div><ul class="goals-list"><li><span class="goal-num">1</span><span class="goal-text">用文字向AI描述想要的地图场景(横版过关、草原、关卡设计)</span></li><li><span class="goal-num">2</span><span class="goal-text">让AI先给出地图提示词,再用于生图</span></li><li><span class="goal-num">3</span><span class="goal-text">把提示词粘贴到游戏工坊的背景生成功能出图</span></li><li><span class="goal-num">4</span><span class="goal-text">一张一张生成地图(先生成第一关)</span></li><li><span class="goal-num">5</span><span class="goal-text">把生成好的地图图片分类保存好</span></li></ul></div>
<div class="cards-slider-wrapper">
<div class="cards-slider">
<div class="student-card active" data-key="haolin-0813"><div class="card-header"><span class="student-name">卢皓霖</span><span class="card-badge badge-normal">正常上课</span></div><div class="card-body"><div class="feedback-content" data-student="卢皓霖">皓霖家长好,本周学习的内容是《AI生成游戏地图——橙城第一关》:<br>1. 用文字向AI描述想要的地图场景(横版过关、草原、关卡设计)<br>2. 让AI先给出地图提示词,再用于生图<br>3. 把提示词粘贴到游戏工坊的背景生成功能出图<br>4. 一张一张生成地图(先生成第一关)<br>5. 把生成好的地图图片分类保存好<br><br>今天皓霖继续"穹狼传奇"游戏开发,第一关"橙城"地图终于做出来啦~前几课做的精灵图和小怪素材,这下有了自己的舞台!他学会先向AI描述想要的地图("在草原上,前面是一个城"),让AI先给提示词、再粘贴到背景生成里出图。😊<br><br>"让AI先给提示词"这步今天刚突破——一开始还没摸到方法,我们一起试了两三次就找到了,遇到卡壳不放弃、反复调整。这节课完全是皓霖自己在动手,老师只在旁边递工具,说明他已经能独立走通"描述→提示词→生图"的完整流程啦!💪<br><br>作品特别完整:第一关"橙城"加5张场景图都分门别类放好了,还做成"橙城·第一关 地图陈列"展示页,闯关页面也有雏形,越来越有模有样!🌟<br><br>课堂小提醒:皓霖偶尔会坐不住、爱聊游戏,但老师一提醒马上能回到任务。下节课让角色真正走进"橙城"地图走起来!<br><br>🏠 回家任务(2分钟):打开地图陈列页,让皓霖讲讲地图怎么一步步做出来的,重点说说"先要提示词"这步;再问问他第一关为什么选草原~<br><br>老师会继续关注皓霖的表现,期待看到更多精彩!🌟💡</div><div class="metrics"><div class="metric-item" data-metric="课堂互动"><div class="metric-label">课堂互动</div><div class="star-rating editable" data-score="4"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">优秀</span></div><div class="metric-comment" data-metric-comment="课堂互动">整节课基本独立动手,老师只在旁边递工具</div></div><div class="metric-item" data-metric="专注度"><div class="metric-label">专注度</div><div class="star-rating editable" data-score="3"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">良好</span></div><div class="metric-comment" data-metric-comment="专注度">偶尔坐不住、爱聊游戏,但老师一提醒能回到任务</div></div><div class="metric-item" data-metric="作品完成"><div class="metric-label">作品完成</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="作品完成">完成"橙城"第一关地图+5张场景图+地图陈列展示页+闯关页雏形</div></div><div class="metric-item" data-metric="知识点掌握"><div class="metric-label">知识点掌握</div><div class="star-rating editable" data-score="4"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">优秀</span></div><div class="metric-comment" data-metric-comment="知识点掌握">突破"让AI先给提示词",独立走通"描述→提示词→生图"完整流程</div></div></div></div></div>
</div>
</div>
</div>
'''
block4 = ''' <!-- ═══════ 区块4:小龙虾 8-13 第4课 ═══════ -->
<div class="course-block">
<div class="course-hero">
<div class="hero-badge">🦞 AICODE小龙虾班</div>
<h1 class="hero-title">《AI作品集·我的个人主页》</h1>
<p class="hero-subtitle">AI创意编程 · 第4课</p>
<div class="hero-divider"></div>
<div class="hero-info">
<div class="hero-info-item"><span class="icon">📅</span><span>2026年8月13日</span></div>
<div class="hero-info-item"><span class="icon">⏰</span><span>下午</span></div>
<div class="hero-info-item"><span class="icon">👩‍🏫</span><span>橙子老师</span></div>
</div>
</div>
<div class="goals-section"><div class="goals-header"><span class="goals-title"><span class="title-icon">🎯</span>本周知识点</span><button class="goals-toggle" onclick="toggleGoals(this)">收起</button></div><ul class="goals-list"><li><span class="goal-num">1</span><span class="goal-text">需求表达:用清晰的话告诉AI"我要一个介绍自己的主页",把想法说具体</span></li><li><span class="goal-num">2</span><span class="goal-text">个人介绍组织:把"我是谁、我喜欢做什么"整理成给AI的素材</span></li><li><span class="goal-num">3</span><span class="goal-text">作品集导航:一个主页集中放项目卡片,点击即可跳转到猜名字/冷笑话/小说等作品</span></li><li><span class="goal-num">4</span><span class="goal-text">页面优化迭代:让AI调背景图、加内容、改布局,多轮打磨到满意</span></li><li><span class="goal-num">5</span><span class="goal-text">项目串联:把前3课的游戏、网页、故事串成一个完整的个人作品集</span></li></ul></div>
<div class="cards-slider-wrapper">
<div class="cards-slider">
<div class="student-card active" data-key="junmian-0813"><div class="card-header"><span class="student-name">赵俊棉</span><span class="card-badge badge-normal">正常上课</span></div><div class="card-body"><div class="feedback-content" data-student="赵俊棉">俊棉家长好,本周学习的内容是《AI作品集·我的个人主页》:<br>1. 需求表达:用清晰的话告诉AI"我要一个介绍自己的主页",把想法说具体<br>2. 个人介绍组织:把"我是谁、我喜欢做什么"整理成给AI的素材<br>3. 作品集导航:一个主页集中放项目卡片,点击即可跳转到猜名字/冷笑话/小说等作品<br>4. 页面优化迭代:让AI调背景图、加内容、改布局,多轮打磨到满意<br>5. 项目串联:把前3课的游戏、网页、故事串成一个完整的个人作品集<br><br>俊棉今天当上了"作品集策展人"——把前3天做的猜名字游戏、冷笑话网页和《战临九天》小说,全部收进一个属于自己的个人主页,点卡片就能跳转,再也不用翻文件夹啦~🎉<br><br>主页处处是细节:首页是"你好呀,我是土逗"(俊棉给自己起的名字)的自我介绍,往下是6张特质卡,用小龙虾红的暗色主题、滚动入场动画和手机端适配,连网页图标都是一只小龙虾🦞;他还把"鱼航员嘉年华"图片做成了猜名字游戏的背景,让旧作品焕然一新~<br><br>今天他的"作品力"也在涨:一句"继续",AI就把《战临九天》从第6章写到第13章,越写越起劲;"较真"也跟着升级——第2课对玩法较真、第3课对剧情较真,这一课较真到了代码上:小说封面(初版)显示"0章"、点不进去,他和老师一起排查,发现是章节简介里的引号把代码截断了,修好后还总结出"以后加章节要检查引号"的小规则——从"用AI做内容"到"会修AI生成的网页",工程思维在悄悄发芽💪<br><br>下节课老师想请俊棉当"首席讲解员",打开作品集把这4天的成长讲给家长听;回家可以先来一场"策展人导览":让孩子从主页点进3个作品,每件用一句话介绍"这是什么、我怎么做出来的",家长当观众、问"这个怎么玩""哪件最得意"就好~平时在家,也多让俊棉自己开口把想法说给AI听,新点子都会从他嘴里长出来~<br><br>老师会继续关注俊棉的表现,期待看到更多精彩!🌟💡</div><div class="metrics"><div class="metric-item" data-metric="课堂互动"><div class="metric-label">课堂互动</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="课堂互动">当"作品集策展人",主动排查修复代码bug并总结规则</div></div><div class="metric-item" data-metric="专注度"><div class="metric-label">专注度</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="专注度">整节课专注打磨个人主页,细节拉满</div></div><div class="metric-item" data-metric="作品完成"><div class="metric-label">作品完成</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="作品完成">完成个人作品集主页(个人介绍+6特质卡+作品跳转)+续写小说第7-13章</div></div><div class="metric-item" data-metric="知识点掌握"><div class="metric-label">知识点掌握</div><div class="star-rating editable" data-score="5"><span class="star" data-val="1">★</span><span class="star" data-val="2">★</span><span class="star" data-val="3">★</span><span class="star" data-val="4">★</span><span class="star" data-val="5">★</span><span class="star-score">超棒</span></div><div class="metric-comment" data-metric-comment="知识点掌握">从"用AI做内容"到"会修AI生成的网页",工程思维悄悄发芽</div></div></div></div></div>
</div>
</div>
</div>
'''
new_blocks = block1 + block2 + block3 + block4
s = io.open(path, encoding='utf-8').read()
start = s.index('<!-- ═══════ 区块1')
end = s.index(' <div class="footer">')
s2 = s[:start] + new_blocks + s[end:]
io.open(path, 'w', encoding='utf-8', newline='').write(s2)
print('replaced bytes:', end - start, '->', len(new_blocks))
print('ok')