Text to Image
Single-file HTML billiards game — AI Image Prompt
A direct prompt requesting a fully functional billiards game implemented inside a single HTML file.
Prompt
请你在单 HTML 创建一个 功能完备的{argument name="游戏类型" default="台球游戏"}。Prompt breakdown
- Subject
- Fully functional single-file HTML billiards game with canvas rendering and JS physics
- Style
- Self-contained web app using HTML5 Canvas and vanilla JavaScript
Remix ideas
- Add Web Audio API collision sounds and cue strike effects
- Implement 8-ball or 9-ball rule variants with scoring UI
- Include difficulty sliders for ball friction and cushion bounce
How to use this AI Image prompt template
1Copy the prompt — grab this template’s prompt and negative prompt. 
2Pick a model — choose a recommended AI model for the best match. 
3Generate — open the studio with one click and create your result.
Related templates
Digital Chessboard After 1.e4 e5
A clean, flat digital top-down chessboard centered in the frame, shown as a square 8x8 board with algebraic coordinates visible on all four sides: letters a through h along the top and bottom, and numbers 8 through 1 along the left and right. Use a dark charcoal outer background and border, with alternating light beige and muted taupe-gray squares. Render simple high-contrast 2D chess icons, black pieces at the top and white pieces at the bottom, in a crisp vector-like style with no wood texture, no realistic lighting, and no extra interface elements. Show the exact position after the opening moves 1. e4 e5: black major pieces on a8 rook, b8 knight, c8 bishop, d8 queen, e8 king, f8 bishop, g8 knight, h8 rook; black pawns on a7, b7, c7, d7, f7, g7, h7, and e5; white pawns on a2, b2, c2, d2, f2, g2, h2, and e4; white major pieces on a1 rook, b1 knight, c1 bishop, d1 queen, e1 king, f1 bishop, g1 knight, h1 rook. Leave all other squares empty. Keep the composition perfectly symmetrical, instructional, and legible, like a digital chess diagram illustrating opening move order.
Software Shortcut Infographic
Create a infographic image of Software Shortcut Infographic. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: illustration. Reference: software-shortcut-infographic-14722.
Web-based Word-like rich text editor in one HTML file
帮我写一个类似word (参考软件)的网页版富文本编辑器，包含它的主要功能，所有代码放在一个html文件里。看这个效果: 标题, 段落, 左对齐, 粗体, 斜体, 右对齐, 下划线, 删除线, 背景色, 颜色, 编号, 撤撤回,最后再来个下载干拉, 直接生成html, 齐活!
Hybrid Cache Execution Flowchart
Create a clean vertical technical workflow infographic on a light gray background, using a minimalist modern product-diagram style with rounded white cards, thin colored outlines, simple vector line icons, dark navy text, and navy connector arrows. The composition is a single centered top-to-bottom flowchart with 7 numbered main steps, plus 2 parallel cache-group panels branching from step 4 into step 5, and a thick dark return arrow on the far left looping from the bottom back to the top. Use crisp sans-serif typography, generous spacing, subtle pastel accent colors, no gradients, no shadows, and presentation-slide clarity. At the top center place step card 1 with a blue outline and a code/chat icon on the left. Title text: "1. chat completions request (step 1 title)". Subtitle beneath: "conversation_id + cache_salt + new suffix messages". Below it place step card 2 with a blue outline and a document/list icon. Title: "2. Frontend conversation ledger". Subtitle: "lease same id + track committed messages". Below it place step card 3 with a cyan outline and a database-with-magnifier icon. Title: "3. Exact conversation cache lookup". Subtitle: "conversation_id committed turn state". Below it place step card 4 with a purple outline and a branching scheduler icon. Title: "4. Scheduler cache attachment". Subtitle: "set num_computed_tokens + attach committed state". From step 4, branch downward into 2 side-by-side group panels. Left group panel: a pale green rounded container titled "Full-attention KV cache group". Inside it, stack 2 inner cards. First inner card has a green block-grid icon, title "Committed block refs", subtitle "share aligned full KV blocks". Second inner card below has a green layered-sheets icon, title "Tail COW copy", subtitle "copy unaligned KV tail". At the bottom of the green panel add small footer text: "paged K/V tensors for transformer layers". Right group panel: a pale purple rounded container titled "Mamba terminal-state cache group". Inside it, stack 2 inner cards. First inner card has a purple database/network icon, title "Committed terminal state", subtitle "exact state at committed length". Second inner card below has a purple wavy-lines icon, title "Request-owned terminal copy", subtitle "copy SSM + conv state". At the bottom of the purple panel add small footer text: "align-mode terminal state placement". Merge both group-panel outputs into a centered step card 5 with a blue outline and a microchip icon. Title: "5. Hybrid model execution". Subtitle: "run only the uncached suffix". Inside the bottom area of this card, include 2 pill-shaped labels side by side: "Transformer layers" and "Mamba layers". Below it place step card 6 with a blue outline and a sparkle icon. Title: "6. Decode assistant tokens". Subtitle: "stream response token by token". Below it place step card 7 with a warm yellow-orange outline and a database-with-check icon. Title: "7. Commit completed turn". Subtitle: "publish pending state or discard on failure". Add a thick dark navy loop arrow running down the far left side, entering step 1 near the top from the left and returning from step 7 at the bottom back upward. Along this left loop, near the lower half, place stacked annotation text: "next request reuses committed conversation head". Add 2 dashed publish arrows rising upward from step 7 toward the cache-group panels: one green dashed arrow on the left pointing to the green cache panel, labeled "publish new state"; one purple dashed arrow on the right pointing to the purple cache panel, also labeled "publish new state". Keep the exact total count of 7 numbered main cards, 2 cache group panels, 4 inner cache cards, and 2 pill labels. Preserve a portrait aspect ratio similar to a conference-slide architecture diagram.
LLM Crash Course Visualizer
Create a infographic image of Llm Crash Course Visualizer. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: illustration. Reference: llm-crash-course-visualizer-22741.
Two-Step Tier List Generation Prompt
Create a creative image of Two Step Tier List Generation Prompt. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: two-step-tier-list-generation-prompt-1195.
Explore more prompts
Browse more AI image and video prompts by category.
FAQ
- How is the physics handled in one HTML file?
- JavaScript calculates velocity, angles, and collisions frame-by-frame on the canvas element with no external libraries required.
- Can the generated game support touch controls?
- Yes, the prompt produces pointer and touch event handlers so the cue can be aimed and powered on mobile browsers.