创建一个单一的自包含 HTML 文件,使用原生 JavaScript 和 Canvas 2D 渲染一个正在施法的动画像素艺术巫师。不允…
分享链接 · https://openimages.ajiang.me/p/2102476258948927543/
composition · centeredcomposition · medium-shotscene · fantasy-worldsubject_type · abstractsubject_type · charactervisual_style · digital-painting
提示词(原文,逐字保留)
Create a single self-contained HTML file that renders an animated pixel art wizard casting a spell, using vanilla JavaScript and Canvas 2D. No external assets, libraries, or network requests.
RENDERING
- Draw everything to an offscreen canvas at a fixed logical resolution of 128x96, then blit to a fullscreen display canvas scaled by the largest integer factor that fits the window, centered, with imageSmoothingEnabled = false and CSS image-rendering: pixelated.
- All drawing snaps to integer coordinates on the logical canvas. No sub-pixel positions, anti-aliasing, gradients, or shadowBlur.
- F…
中文译文
创建一个单一的自包含 HTML 文件,使用原生 JavaScript 和 Canvas 2D 渲染一个正在施法的动画像素艺术巫师。不允许使用外部资源、库或网络请求。
渲染
- 将所有内容绘制到一个离屏画布上,固定逻辑分辨率为 128x96,然后通过适合窗口的最大整数倍频缩放后 blit 到全屏显示画布上,居中显示,设置 imageSmoothingEnabled = false 和 CSS image-rendering: pixelated。
- 所有绘制都应对齐到逻辑画布上的整数坐标。不允许使用亚像素位置、抗锯齿、渐变或 shadowBlur。
- F…
来源与署名
原文由 @majidmanzarpour 发布在 X:查看原推文。 本页逐字保留原文并提供机器翻译的中文解读;版权归原作者所有。
同工具的更多提示词
- Claude Opus 5.5 刚刚使用 Remotion 为 GetStopover 制作了这条发布视频。 品味无可挑剔。转场、节奏、品牌呈现,一切都恰到好…@priyansh0327
- Opus 5.5 + Gemini 负责音乐 + @Remotion 负责技能 运行和导出大约需要 30 分钟。 (https://TvTrack.io 还没…@SeanTiffonnet
- 在 Blender 中重建 1906 年 4 月 17 日地震前一天的下午,旧金山市场街(Market Street)的原貌。 范围:从渡轮大厦(Ferry…@alexalbert__
- 请向我提供以下信息:产品名称及一句话承诺、3 到 5 个需要展示的 UI 画面、一个强调色、10 到 20 段我拥有的真实竖屏素材,以及一首带有明确鼓点 dr…@twoclipping
- 哦对了,Opus 5.5 就是它……在 Claude Code 桌面应用里用 10 分钟加上 remotion 完成的!@Goldiez2599
- 制作一部2分钟的沙画动画,讲述美国250年的历史。保持生动、引人入胜且格调高雅。添加合适的背景音乐和音效设计。@Michaelzsguo