AI 协作日志

学生 Web 实验作品平台

学号:202412211402017 · 来源:ai-log.md

# 实验二 AI 协作记录

## AI 协作 1・Koch 算法

### 我的目标与初步判断

目标:算出 Koch 雪花向外凸起顶点 R,保证凸起朝外。初步判断直接取线段中点作为 R 点。

### 关键提示词(原文)

> 
> Koch 雪花,怎么计算向外凸起的 R 顶点,旋转正负 60 度怎么选

### AI 关键建议摘要

不能直接取中点,要对 PQ 向量做旋转;逆时针轮廓向外需要‑60° 旋转,符号写反会向内凹陷。

### 我的测试方法与结果

分别测试中点、+60°、‑60° 三种写法,观察雪花形态;核对各 Level 线段数是否等于 3×4ⁿ。

### 采纳情况及修正结论

采纳旋转计算思路,自己验证角度符号,使用‑60°,雪花向外正常凸起,舍弃取中点的错误做法。

## AI 协作 2・绘图板调试

### 具体错误现象(如一次成功,可先人为注入并恢复一个小错误)

人为去掉 Y 轴翻转代码,鼠标点击画布,绘制图形上下颠倒。

### 我的初步排查

猜测是 Y 轴坐标没有做方向转换,屏幕 Y 轴和 WebGL Y 轴方向不一致。

### 关键提示词(原文)

> 
> WebGL 鼠标转 NDC,图形上下颠倒,排查哪里出错

### AI 建议与逐项测试

提示重点检查 Y 轴 NDC 转换公式。控制台打印输出 NDC 坐标,确认 Y 数值反向。

### 最终原因及修复证据

原因:缺少 Y 轴翻转。修复后使用`1.0‑2.0*yCanvas/canvas.height`。修复后点击位置与图形位置匹配,点、线、矩形绘制正常。

## AI 协作 3・主题整合

### 主题及预期效果

主题:绽放。复用 Koch 雪花与旋转动画,新增两组几何,提供多种交互。

### 两个方案的 AI 提示词(原文)

> 
> WebGL 基于 Koch 雪花做主题 “绽放”,给出两套实现思路,对比交互难度与图元开销

### 方案比较、取舍理由

方案一:大量递归分支花瓣,视觉效果好,但顶点多性能差,舍弃。
方案二:Koch 雪花做花瓣,增加圆环、中心小圆;交互使用滑块、鼠标点击移动。开销小,功能满足实验要求,选择此方案。

### 实际实现、测试与结果

复用 Koch 生成和旋转动画,新增内层圆环、中心花蕊;支持调层级缩放、启停旋转、点击移动图案。测试各项交互有效,复位功能正常。