Loading video...
Video Failed to Load
Real-time text flow using Six Labors ImageSharp Drawing and Fonts. Fully Unicode v17 compliant. Rendered in WinForms via the new WebGPU backend Coming soon! CC Sébastien Ros #dotnet #oss
0 Comments
No comments available
Comments from the original post will appear here
![Everyone's sleeping on image-to-3D AI models. They can make your app look incredibly unique, with just a little effort. Here's how. This is my calorie tracker, built in a week with nothing but prompting. Just Claude Code + a couple APIs. The visuals are all AI-generated. I'll be sharing the full workflow + all the crazy technical stuff Claude and I did to make this work, so nobody has to struggle through it like me. Deep dive coming soon! Till then, this is the high-level idea: 1. Get a clean image of the food (or whatever your asset is) - In my app, the user describes foods via text, or attaches images (or both) - If text, an LLM extracts the food description and formats it into a specific prompt I tuned for this design, and we generate an image using Z-Image Turbo through fal - If image, we do the same thing but with FLUX.2 [dev] to edit the user image into our reference design - Originally, both used Google Nano Banana, but switching to open models cut costs and latency a ton 2. Gaussian splatting (2D image → 3D model) - I tried various 2D-to-3D options on fal and ended up with TripoSplat as my preferred balance of speed, cost, latency; this turns an image into a 3D model that looks super high quality (link below) - The app displays the 2D image while our backend generates the 3D splat - We "groom" the splat to reduce size and load time by culling low-opacity/scale points 3. Render efficiently on device Originally, it looked great but ran at 10 FPS. Getting to 120 FPS was a crazy journey. TL;DR: - SwiftUI had to go; it forced us to render each asset in independent MTKViews, which wasn't workable - Instead, we composite every dish into one full-bleed CAMetalLayer using MetalSplatter (link below) - We had to make some optimizations within MetalSplatter's code too, to reduce the overhead of sorting points per render Then I added some finishing touches like the subtle rotation and parallax as they move around. I think it turned out pretty cool :) Overall, this took some effort, but we still got it done in less than a day. Hopefully your agent can follow in the footsteps of mine and do it much faster. Keep an eye out for the bigger writeup, which'll give your agent everything it needs. If you have any questions, drop em below!](https://image.24vids.com/tw-2069277649655243140/amplify_video_thumb/2069276621698465792/img/7_y1PzRYfzBgLDJ6.jpg)
![MiniMax H3で清涼飲料水のCM動画を生成。 映像スタイルはモーショングラフィックス。 もちろん、プロンプトはClaude Codeに全部書いてもらっています。 プロンプトを書いてもらう方法は引用元で紹介しています😃 今回使用したプロンプト↓ ----------------- integrated_multimodal_description: Create a complete 15-second Japanese flat-illustration motion-graphics commercial for a bottled mineral water in a clean 16:9 composition. The bottle is the hero of every shot: it appears within the first second, stays large and centred, and its pale blue label reading the exact Latin characters "AOI WATER" is sharp and readable in every frame it occupies. Use friendly 2D vector illustration, thick navy outlines, flat solid colour fills, and springy cutout animation with snappy overshoot easing. Compact palette of warm white, deep navy, bright aqua, deep blue and saturated yellow, where yellow carries the summer heat and aqua carries the cold refreshment. A fictional young Japanese actress supports the product, drawn as a flat vector icon with a round friendly face, simple dot eyes, a curved smile, a glossy black chin-length bob, a white short-sleeved shirt over a navy tank top; she keeps the same design in every shot. No photorealism, no 3D rendering, no gradients, no drop shadows, no browser interface, no screen-recording artifacts, no player controls. [Shot 1] Begin on a saturated yellow field. A large white sun pulses twice at the top of the frame and wavy heat-haze lines rise from the bottom edge. At 00:00.800 a tall white bottle of AOI WATER shoots up from the bottom edge into the centre of the frame, overshooting and settling at eighty percent of the frame height, and a single white flash frame fires on the impact. Three aqua ripple rings expand from the bottle and the small navy headline assembles word by word at the top: "この夏、あつい。" [Shot 2] At 00:02.400, a wave of bright aqua water sweeps across the frame from the left and washes the yellow away. The bottle stays centred and rotates a quarter turn to show its side. Its pale blue label assembles letter by letter into "AOI WATER" with a thin white underline drawing beneath, six round condensation drops pop onto the glass one after another, and two flat ice cubes tumble down past it. [Shot 3] At 00:05.000, a deep blue field wipes in from the right. The bottle tilts on the left and a clear aqua stream pours in a smooth arc into a tall glass on the right; three flat ice cubes drop into the glass one at a time and bounce, throwing a radial burst of white droplets on the third. Two white snowflake marks pop in beside the glass and the kinetic word "キンッ。" stamps in with a small shake. [Shot 4] At 00:07.600, the deep blue flips to aqua in a hard shape wipe. The actress stands centre frame holding the bottle high, tips it and drinks; a column of aqua fills her outlined body from top to bottom in three quick pulses, one per gulp, and white radial speed-lines snap outward on the third. The kinetic word "ごくっ" pops in beside her cheek and the bottle stays fully visible in her hand. [Shot 5] At 00:10.200, a saturated yellow field wipes in from the bottom. The actress jumps once with the bottle raised above her head, her bob and shirt lifting, while flat aqua and white circles, triangles and arcs burst outward from her in a ring and three ripple rings expand from her landing point. The headline assembles in two stages: "夏に、" then "負けない。" A thick yellow underline strikes beneath the second phrase. [Shot 6] At 00:12.600, cut to a calm warm-white end card with generous negative space. The bottle slides to the centre and scales up slightly, its "AOI WATER" label square to the viewer and perfectly readable, with a ring of six aqua droplets popping outward around it one by one. The logotype "AOI WATER" reveals in deep navy beside the bottle with a small aqua droplet mark, and the smaller line "アオイ・ウォーター" fades in beneath it. A calm, bright young Japanese woman (S1) says in an off-screen voiceover: [Japanese] 夏に、負けない。 The end card holds sharp, centred and readable until exactly 15.000 seconds. Throughout: flat vector motion graphics only, one palette and one line weight, the same bottle design and the same character design in every shot, and something on screen is always moving. All Japanese text in clean gothic type and the label and logotype in clean geometric capitals, correctly formed and static once placed, with no subtitles of the spoken line and no other lettering. overall_soundscape: A deep whoosh and a short impact thud land as the bottle shoots up into frame, followed by three soft ripple taps. An airy whoosh runs under each colour wipe and a liquid sweep carries the aqua water across the frame. Rounded pops mark the sun pulses and each condensation drop, two ice cubes clink as they tumble, and a bottle cap cracks open before a clear pouring stream and three ice cubes landing in a glass. Three deep gulps and a quick refreshed exhale carry the drink, a light whoosh and landing thud carry the jump, and a clean shimmering chime rings on the logotype. non_diegetic_music: Generate an original 15-second bright Japanese commercial cue at 128 BPM using marimba, ukulele upstrokes, hand claps, a warm round bass and a light drum kit, playing without a gap from the first frame to the last. Open with a single accent hit as the bottle lands at 00:00.800, add the full kit as the water sweeps in, thin to marimba and claps under the pour, push to the loudest point with a rising fill under the jump, drop under the spoken line, and resolve on one clean sustained chord at 15.000 seconds. No singing and no lyrics.](https://image.24vids.com/tw-2087681623718518870/amplify_video_thumb/2087680897478955008/img/8z97seoFxzmaTDGp.jpg)