火龍果果凍

建立名為「火龍果果凍」的互動式 3D 場景——一半切開、由柔軟半透明果凍製成的火龍果。將整個專案製作在單一 HTML 檔案中，使用真正的 WebGPU 渲染與 WGSL 著色器。不得使用預製模型或影像素材。 APPEARANCE 一半大型火龍果切面朝上，放置在明亮的工作室檯面上。 濃郁的覆盆子粉紅色外皮、薄薄的淡色內果皮，以及珍珠般潔白的果肉。 約 250 顆細小黑籽，自然分布在果肉各處。 果實周圍有 12–14 片多汁的果皮花瓣，從粉紅色基部漸變為綠色尖端。 表面光澤濕潤，帶有光線折射、細小的內部氣泡，以及柔和的接觸陰影。 材質應呈現柔軟軟糖的質感，而非硬質塑膠。保留高飽和色彩，同時避免高光過曝。 物理與互動 使用具備彈性連接與體積保留約束的體積網格，實作真正的軟體變形，例如 XPBD。 使用者可以用滑鼠或手指抓住果肉、將其拉伸後放開。 變形應集中在抓取點周圍，而不是單純平移整個物件。 放開後，果實應搖晃、彈動，並逐漸恢復原本形狀。 讓果皮花瓣可個別拖曳。它們應比果肉更柔軟，能彎曲並彈回原位，同時維持與果實的連接。 種子必須跟隨變形中的表面，不得飄離或陷入果肉。 在大力拉扯時維持模擬穩定，處理與地面的接觸，並防止元素翻轉。 視覺設計 採用極簡明亮主題的工作室介面，具備編輯風格：充裕留白、細邊框、克制的控制項，且不加入不必要的裝飾。 左上角： 「MATERIAL STUDIES / NO. 019」 以兩行顯示大型斜體襯線標題： 「火龍果果凍。」 下方顯示： 「有一點狂野。」 「有一點甜。」 「一隻非常柔軟的龍。」 右側加入浮動面板，標題為「THE SPECIMEN」，內容包含： 密度徽章：ρ 1.04 g/cm³。 三組預設設定： Pearl——白色果肉與粉紅色外皮。 Ruby——覆盆子色果肉與粉紅色外皮。 Gold——淡色果肉與金色外皮。 Firmness 與 Internal damping 滑桿，並顯示目前數值。 「輕推一下」與「重設」按鈕。 「¼ 速度」與「顯示網格」核取方塊。 「暫停」按鈕。 另外加入： 具備退出選項的全螢幕按鈕。 「WEBGPU · LIVE」狀態指示器。 即時顯示質量、靜止體積百分比與動能。 簡短的互動提示：「拉動果肉。扯一下花瓣。放手。」 可摺疊的「實驗內部」區段，準確說明實作方式。 技術需求 交付一個名為 pitaya-jelly-webgpu.html 的獨立完整檔案。 使用實際的 WebGPU 渲染，不得模擬成 Canvas 2D。 所有幾何體都必須以程序化方式建立。 使用考慮厚度的折射、菲涅耳反射與柔和的工作室照明。 使用固定的模擬時間步長，以維持一致的行為。 支援桌面與觸控互動，並採用響應式版面配置。 拖曳期間避免耗費昂貴的幾何重建或著色器編譯。 WebGPU 無法使用時，顯示清楚的替代訊息。 確認拖曳、放開、形狀恢復、預設設定、重設、暫停、全螢幕與行動版面配置皆能正常運作。 最重要的是呈現令人信服的果凍質感行為、精美的材質與令人滿意的互動。成果應具備精緻、可遊玩的材質實驗作品質感。