Skip to content

新增水墨風中秋互動卡片(p5.js) - #1

Merged
bhnddowinf merged 1 commit into
masterfrom
claude/gifted-gauss-trzfei
Sep 24, 2026
Merged

bhnddowinf merged 1 commit into
masterfrom
claude/gifted-gauss-trzfei

Conversation

@bhnddowinf

Copy link
Copy Markdown
Owner

內容

新增 /mid-autumn/ 頁面,是一張用 p5.js 做的水墨風中秋卡片:

  • 宣紙紋理背景,有明月、飄雲、層層遠山,直書「中秋節快樂」,蓋一顆紅色「秋」字印章
  • 胖師傅吃月餅、喝酒,旁邊有烤肉架冒煙;點他會笑到肚子抖
  • 玉兔會自己跳,點牠會跳得特別高
  • 「奏樂 ♪」按鈕會播放古箏風格的五聲音階配樂,用 Web Audio 即時合成,不需要音樂檔
  • 手機直式和桌機橫式各有一套版面

分享

加了 Open Graph 標籤和預覽圖 mid-autumn/og.png,在 LINE 分享時會顯示圖卡。合併後網址是 https://bhnddowinf.github.io/mid-autumn/ (repo 需要已經開啟 GitHub Pages)。

測試

用 Chromium 截圖檢查過手機(390px)和桌機寬度,畫面正常,也沒有 JS 錯誤。

🤖 Generated with Claude Code

https://claude.ai/code/session_01TNiZAFD4nhqGWTFPU3p5Ng


Generated by Claude Code

Interactive card at /mid-autumn/: moon, ink mountains, a jolly man
eating mooncakes and drinking beside a BBQ grill, a hopping jade rabbit,
and synthesized guzheng-style music. Includes Open Graph tags and a
preview image for sharing on LINE.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TNiZAFD4nhqGWTFPU3p5Ng

This branch was successfully deployed

1 active deployment
github-pages — 84823b29 Deployed Sep 24, 2026 by bhnddowinf via deploy #2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants