YoloLab
首页作品展厅文章关于
ZHEN
01首页02作品03展厅04文章05关于
ZHEN
GitHub
← 回到展厅

03 / 油画奇境 / 滚动航行

Tidal Letters

一封没有地址的信。跟随小船穿过六章柔和的印象派风景,去找收信的人。

在线体验2026-09-15含提示词

页面预览

在新窗口打开↗预览按需载入,避免首屏加载完整场景。
Tidal Letters

构建信息

构建时间
2026-09-15
最近更新
2026-09-16
生成方式
Built-in image_gen (paintings) + hand-written JS
技术栈
Static HTML/CSS/JS · SVG tether + clip-path · WebP scenery + alpha boat
状态
在线
  1. 2026-09-15初版:从海面到花园的一次连续拖拽
  2. 2026-09-16长航程:六章、航线索引、明信片
  3. 2026-09-16印象派改版:全部场景用同一风格参考重绘

生成提示词

逐张复现这些画面的原始提示词;复制后可直接用于同一套图像生成流程。

来源: docs/tidal-letters/impressionist-prompts.json

  1. sea
    Use case: illustration-story. Create an original website background, wide landscape 16:9, first scene of a cohesive gentle impressionist painted story called a letter carried by the wind. A pale luminous summer DAYTIME sea, soft sage-turquoise water in lower third, a tiny distant blush peach coastal village and small ivory lighthouse at far right, warm cream clouds dissolving into powder blue sky. Left 60% mostly open quiet sky for dark green title. Very soft French impressionist oil painting: broad broken-color brushstrokes, lost and found edges, hazy atmospheric perspective, milky pastel colors, matte paint on fine linen, understated thin scumbled paint rather than thick sculptural impasto. Low contrast, simplified forms, only hints of architecture. Sophisticated poetic painting, dreamlike but not cartoon. Palette pale celadon, dusty sky blue, ivory, muted apricot, lavender gray. No photorealism, no crisp outlines, no detailed windows, no 3D, no HDR, no saturated turquoise, no harsh shadow, no text, no border. No boats or people; a separate little messenger sailboat will be animated over this background. Peaceful inviting morning light.
  2. garden
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 2 of the letter-carried-by-wind story: an empty sunlit seaside garden, large warm ivory plaster wall and pale lavender shadows fills left 60% for dark text. On right a simple sage-green garden gate left ajar, loose white daisies and muted peach flowers, one small pale blue envelope rests on the stone threshold with a tiny peach wax seal, visible but not oversized. Through gate glimpse the same pale blue sea. Flowers painted as soft spots, no detailed petals. Quiet expectant atmosphere, no people, no boats.
  3. harbor
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 3: extra WIDE 3:1 seamless panoramic composition, a sleepy coastal harbor, modest blush houses and a small post-office doorway on far left with a simple sage mailbox and NO lettering, quiet pale blue water and distant lavender hills in middle, one simple ivory lighthouse at far right where a ribbonlike line of light sea mist drifts up toward green hills. Room to pan horizontally through painting. Hazy spacious sky covers upper half, buildings only suggested through broad color masses. No people, no boats, no signs or typography. Softest milky morning light, unified airy impressionist painting.
  4. hills
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 4: 16:9 broad soft sage-green rolling meadows, a winding ivory path travels from lower center across hill to ONE simple ivory windmill at right 74% across and middle height, faded peach wildflower specks, tiny loose white daisies along the path, a pale blue ribbon tied to windmill rail is carried UPWARD by breeze toward a sweep of creamy white cloud. Sea visible as a faint dusty blue band behind far hills. Soft atmospheric daylight. Left half quiet celadon sky/meadow negative space for typography. No sharp architecture, no people, no boats.
  5. clouds
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 5 story destination: 16:9 a small simple sage-green glass conservatory and garden gate on a tiny floating patch of meadow, right third of frame, among soft powder blue and ivory daytime clouds. Loose white daisies surround greenhouse entrance, one simple empty cream garden chair beside a small table waiting for a letter. A pale blue ribbon is loosely tied to the gate, matching the windmill's ribbon. Left 60% quiet luminous sky for text. Floating island bottom dissolves into haze and clouds, no sharp rock detail, no giant detailed staircase, no people, no boats. Dreamlike and very soft, painted with broken airy brushstrokes. 
  6. ship
    Style-transfer edit of attached transparent PNG/WebP boat asset. Keep the input ALPHA CHANNEL TRANSPARENCY of the empty background; output a PNG with transparent background, not any checkerboard drawing. Keep boat silhouette, dimensions, placement and bottom rope attachment. Repaint just the boat with a softer pastel impressionist palette, faded apricot hull, celadon accents, ivory sail with lavender soft shadows. Simplify ornate machinery to quiet brushstrokes and low contrast. Add one pale blue envelope with peach seal on deck. No scenery, no background, no checkerboard, no white backdrop. This is a transparent cutout sprite for compositing on a website.

进入体验↗在独立窗口中打开,可全屏、可交互。
INDEPENDENT PRODUCT LAB保持好奇,继续构建。

下一个想法,
从这里开始。

看看正在做什么

继续探索

作品展厅文章关于

保持联系

GitHubX / Twitter

想法、实验与上线记录。

YoloLab
© 2026 YoloLab · yololab.cc · v2026.09.21一页结束,探索继续。

变更记录

一直在构建。

每次上线、打磨和改动都记在这里,并链回真正上线的页面。它藏在页脚,找到它算你的。

  1. 2026-09-21打磨

    变更记录页改成时间线

    日期与分类固定在左栏,每条更新挂在一条带圆点的竖线上——内容没变,扫读更顺。

  2. 2026-09-16发布

    这份变更记录:藏在页脚版本号后面

    页脚那个版本号现在能打开这份列表。它在每个页面上都能到达,不进 sitemap,也刻意不进搜索结果。

  3. 2026-09-16发布

    页面切换过渡与进度条

    页面之间的跳转由过渡层和加载反馈覆盖,在 prefers-reduced-motion 下退化为瞬时切换。

  4. 2026-09-16内容

    每件展品有了独立预览页

    展厅的每件作品现在都有真实页面,带上提示词、构建说明和每个世界背后的取舍,不再只是一个缩略图。

    打开展厅
  5. 2026-09-16内容

    Tidal Letters:六章滚动旅程

    一个印象派滚动故事,分六章推进。页面记录了这段序列是怎么拼出来的,而不只是最终画面。

    进入 Tidal Letters
  6. 2026-09-16打磨

    页脚改版

    共享页脚改成真正的目录:品牌排版、更安静的收尾导轨,中英双语导航同时可用。

  7. 2026-09-15发布

    文章区有了分类、创业点子与变形搜索

    文章板加入分类筛选和双语创业点子,搜索控件改为就地变形展开,不再在两种状态之间跳。

    打开文章列表
  8. 2026-09-15发布

    文章目录导轨与归档折叠

    长文加入章节导航导轨,较早的归档月份折叠到一个展开控件后面,近期的内容仍然一眼可达。

    读一篇示例文章
  9. 2026-09-14内容

    DYOR 报告接入 Lieflat 图表

    研究报告在静态外壳和 D1 Worker 渲染器里渲染同一套证据图表,同一个数字不会在两条链路之间分叉。

    看研究板块
  10. 2026-09-14发布

    展厅重做成可进入的互动世界

    展品列表改成整屏球体舞台,两个世界可进入,封面跟随明暗主题,每件作品的元信息都有中英两版。

    走进无名庭院
  11. 2026-09-09基建

    SEO P0:默认英文与永久 301

    英文成为默认语言,www 永久 301 到主域,x-default 在两条渲染链路里都指向 /en。

打开完整变更记录

渲染中