HTML 中的 WebGPU 海洋场景
一个用于在单个 HTML 文件中使用 WebGPU 创建具有 FFT 波浪和白色浪花的逼真海洋场景的提示词。
创作效果
参考提示词
以下是按案例意图整理的参考写法，可按自己的主题调整。作者原帖见来源栏。
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore the water from different positions. Target Chrome with WebGPU support. Use browser screenshots to review the appearance of the waves, sky, and overall scene, then refine the result from that visual feedback.”
如何在 PagePop 中创作
选好助手，说清需求，让 PagePop 帮你创作，再通过对话调整并下载。
选择适合你的助手
探索各行各业的专业助手，也可以从丰富的案例库中寻找灵感。
用自然语言说出需求
告诉助手你要制作图片、视频、PPT、文档还是网页，并按需提供参考图片或资料。
自动匹配模型并创作
PagePop 根据目标选择合适的模型与工具，为你完成作品。
多轮修改并下载
在同一段对话中反复调整内容与效果，满意后下载使用。
用你自己的话开始创作
以这条真实提示词为起点，自由修改需求，PagePop 会自动选择最合适的实现方式。
常见问题
怎样把这个视频案例用于自己的创作？
以「HTML 中的 WebGPU 海洋场景」的参考提示词为起点，替换自己的主题、风格和画面比例，并提供参考图或相关资料。保留你想借鉴的结构，删除不适用的要求，再根据结果继续调整。
浏览和复制提示词免费吗？
精选库的浏览与提示词复制 100% 免费，PagePop 也可以免费使用。具体价格与积分规则请查看价格页。
PagePop 是什么，能做什么？
PagePop 是对话式 AI 创作平台。用自然语言描述需求，即可创作图像、视频、演示文稿、文档和网页。PagePop 会选择合适的模型与工具，并支持在同一段对话中继续修改。
更多真实提示词案例
Three.js 产品发布影片
“基于产品资料，用 Three.js 制作一段发布影片。先提炼三项可证明的卖点并安排分镜，再用设备、界面、文字和镜头运动逐步展示产品。所有画面共享同一时间轴，声音与剪辑节奏对应，结尾清楚呈现产品主张。”
适用于 Opus 5.5 的代码生成产品宣传视频提示词
“Ask for a product name, a one-line promise, three to five UI moments, one accent color, owned vertical footage, and commercially usable music with a clear drop. Plan a 20-second, 1920×1080 product film around the measur…”
第一人称 CGI 恐怖动画提示词
“Use Three.js to stage a first-person horror animation underground, 1,200 meters below the surface. Make the space dark and confined, with realistic lighting and a disturbing opening that the viewer is afraid to approach…”