创建一个独立的 HTML 文件,使用原生 JavaScript 和 Canvas 2D 渲染一个正在施法的动画像素艺术巫师。不允许使用…
分享链接 · https://openimages.ajiang.me/p/2103808699466944604/
color_palette · dark-moodycomposition · centeredcomposition · medium-shotquality_flags · screenshot-uiscene · fantasy-worldsubject_type · character
提示词(原文,逐字保留)
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 到全屏显示画布上,居中显示,set imageSmoothingEnabled = false,并设置 CSS image-rendering: pixelated。
- 所有绘制都对齐到逻辑画布上的整数坐标。不允许使用子像素位置、抗锯齿、渐变或 shadowBlur。
- F…
来源与署名
原文由 @zacxbt 发布在 X:查看原推文。 本页逐字保留原文并提供机器翻译的中文解读;版权归原作者所有。
同工具的更多提示词
- 为我的应用 mimicly 制作一个工作室级别的动态设计广告。让我看看你的最佳水平。 你是 Mimicly 的首席创意策略师、产品营销人员、直接响应广告文案撰…@redpersongpt
- 制作一个动态的20秒动态图形视频,展示我们令人难以置信的电子邮件验证工具的厉害之处,列出你能想到的所有使用场景。全力以赴' 我希望你能把它做得非常现代和Saa…@KmAsiff
- 一款3D多人游戏,玩家驾驶一支X翼战斗机小队攻击一艘星舰驱逐舰。他们驾驶飞船摧毁星舰驱逐舰的关键部件,同时应对星舰驱逐舰上安装的炮塔以及一波波钛战机(TIE…@0xChuckstock
- 为我的应用制作一个令人惊艳的视频。把它做得有情感共鸣。@marklaunches
- 制作一段视频,总结摩洛哥自独立以来的政治生活。@TrigLyceee
- Opus5.5 动态图形 再次尝试,发现 Remotion 可以做很多事情! #AIMotionDesign 02@ambiguous_ai