Erina Vale — 從障子門看出去的雪梨港
Erina Vale A fictional woman. Real questions.
A journey through the world, back to herself.

Where Eastern elegance meets the world, Erina travels throughlove, family, culture, destiny, and loss—following the patternsthat shape a life.

The door is closed, not locked.
Beyond it, every place holds a story.

A fictional AI character. AI-generated visualsand voice. Human-written stories and reflection.

Step inside
調整 — 妳給我數字

v8:三艘船同款同尺寸、版面重排、風鈴上是銀灰黑蝴蝶


  1. 她不動了。歌劇院和後面的高樓也不動了。上一版的問題妳講得完全正確:我用的是「景深視差」,滑鼠一動,整張圖每一個像素都被推,只是遠近推的量不一樣。所以歌劇院會像一張軟掉的屏幕在晃,人偶爾也跟著飄。這一版我把那套機制整個砍掉——著色器現在只有一行判斷:這個像素在不在水面遮罩裡?不在,原封不動輸出。牆、門、榻榻米、歌劇院、她,全部是釘死的。
  2. 水的幅度降到上一版的四成五左右,而且我把波的頻率調長了。上一版是「碎浪」——密、快、像海面被風吹皺;這一版是「湧」——長、慢,比較像湖面或者大河在起伏。妳說的「有那種水在動的感覺,但不要那麼強烈」,我理解成這個。
  3. 水上有三艘小船。最遠那艘是一個人撐篙的平底小舟;中間那艘有竹編的篷,兩個人;最近那艘最大,三個人。都是斗笠。第一艘由左往右,第二艘由右往左,第三艘再由左往右,速度不同、路線不同,所以永遠不會排成一列,是交錯的。越遠的越小、越淡、走得越慢,這是透視。
  4. 每艘船底下都有一道倒影,倒影會跟著水一起歪。船身自己也在很輕微地晃(八到十秒一輪),所以它是「浮在水上」,不是「貼在圖上」。船進出畫面的左右兩端是漸隱的,不會突然消失在門框上。
  5. 船是我畫的,不是拍的,也不是任何現成素材。妳說得對,這本來就是一個虛構的場景——起點是日本的房間,看出去是雪梨,水上划的是東南亞的小船。這三件事湊在一起本來就不會發生在地球上任何一個地方,它發生在妳的世界裡。
  6. 圖上原本燒死的 ERINA VALE 字標、標語、DISCOVER MORE 按鈕,我把它從圖裡洗掉了,重建成一塊乾淨的玻璃板。現在那些字是活的 HTML,可以改字、可以點、Google 讀得到、手機會重排。
  7. 門口的光會呼吸,十七秒一輪,光裡有金色的塵在慢慢往上飄。這一層我留著——它不是在推畫面,它是打在畫面上的光。
  8. 字全部是金屬折射:標題、字標、Knock 是整條金;內文走象牙折射版,因為整條金會讀不下去。底色仍然是 #080706,外面一圈金屬細框加四角卷草。
  9. 沒有影片檔。整頁是一張圖 + 一段著色器 + 三張很小的船,加起來不到 600KB。

那「3D」跑去哪了

上一版的立體感是用整張圖的變形換來的——那正是妳看了覺得不好看的原因。所以這一版我換了一個來源:立體感改由層次來給。三艘船在水上一前一後,各自的大小、速度、深淺都不一樣,眼睛會自動判定「這片水是往裡面延伸的」,而不是一塊貼在牆上的布。加上倒影、加上水本身的湧,這片港就有了縱深——而且是畫面本身完全不動的情況下拿到的。

如果之後妳還是想要「鏡頭跟著滑鼠有一點點呼吸」,那件事可以做,但條件是要先把她從背景真正切出來、單獨當一層,只讓背景動、她不動。那是另一件工程,要花時間,也要先確定這張圖是不是首頁常設。現在這版是安全的:不切圖,就一動都不動。

右下角那個面板

四個值可以拉:水波幅度、水面碎金、小船速度、小船數量。拉到妳覺得對的位置,告訴我四個數字就好。這比「再輕一點」準確得多——「再輕一點」我要猜三次,數字我一次就中。小船數量拉到 2 就是兩艘,拉到 0 就完全沒有船,妳可以直接比較。

這一版改了什麼

一、船。三艘現在是同一張圖、同一個大小,比上一版最靠近的那艘再放大 35%。整體調亮,對比再加 6%——深色船身、亮色船篷、船舷一條顏色帶,這三件事就是「看得見」的來源。船篷的支柱改細、乘客散開排滿整條船,所以它現在讀起來是一艘湄南河的渡船,不是一塊漂著的板子。

二、版面。妳的名字放到第一行、字放大、字距拉開,當作字標在用。「Where Eastern elegance travels the world.」回到畫面上,而且是這塊玻璃板上最大的一句。原本那三句(You spend your days being needed…)整段拿掉,不會再出現。換上新的 CTA:門是關著的,不是鎖著的——敲門。「She was never told…」留著,降成斜體引文,讓它托著標語而不是跟標語打架。

三、風鈴。玻璃球上的花拿掉了,換成妳那枚銀蠟印上的蝴蝶:翅膜走黑蠟的深色,銀線畫輪廓、翅脈和翅緣一排穿孔,兩條長尾巴末端各一顆水滴。純鏤空在 45 像素上會糊成一團線,所以我讓黑做面、銀做線。

四、主控台。妳在螢幕上定的七個數字(水波 1.59、碎金 1.31、船速 1.56、船數 3、風鈴 1.29、深度 0.96、玻璃 0.29)現在就是預設值,開頁就是這個樣子。