試試操控懷舊雙翼機?以 3D 回歸的復古飛行遊戲《Fly By》

套用了全螢幕掃描線效果的雙翼機飛行遊戲《Fly By》畫面。
AI Summary

近期推出的《Fly By》是一款基於 Three.js 的網頁 3D 飛行遊戲,透過特有的掃描線效果,喚起玩家對 80 至 90 年代復古遊戲的懷舊感。

想像一下。小時候,在社區電玩店或舊式映像管電視前,渾然忘我地操作著搖桿的那一刻。沙沙作響的雜訊、橫跨螢幕的細微條紋,還有那些簡單卻令人沉迷的飛機遊戲。最近,網頁社群中出現了一款精準擊中那個年代情懷的遊戲,引發熱烈討論。那就是《Fly By》。

為什麼這很重要?

近期推出的遊戲大多標榜與現實無異的強大硬體需求與精緻畫質。然而,有時人們反而更渴望那種捨棄複雜、回歸單純所帶來的「舒適(Cozy,溫馨且輕鬆)樂趣」。《Fly By》的意義在於,只要有網頁瀏覽器,無需任何複雜的安裝過程,任何人都能立即享受舊時代飛行遊戲的感性。這是一個很好的案例,展示了現代技術不僅僅是追求高規性能,更在於如何運用現代技術,美麗地重新詮釋過去的情懷 出處 3

輕鬆理解:3D 與復古的邂逅

《Fly By》雖然外表看起來像是一款非常古老的遊戲,但實際上它是現代網頁技術的結晶。這款遊戲是利用名為「Three.js」的網頁基礎 3D 函式庫所製作 出處 4

簡單比喻,這不像是在畫紙上作畫,而是像將多片透明玻璃板重疊,打造出立體空間後再進行著色。遊戲中運用了「Shader(著色器,用來改變螢幕色彩或質感的特殊效果處理技術)」,這就像是在智慧型手機的照片應用程式中選擇「復古」或「底片」效果一樣。開發者透過這個著色器,在螢幕上加入了「掃描線(Scan lines,映像管螢幕在繪製畫面時產生的橫條紋)」出處 1。多虧了舊式映像管電視中那種令人懷念的橫條紋,使用者即便是在玩這款 3D 遊戲,也能感受到彷彿置身於 80 年代復古飛行遊戲中的強烈懷舊感。

「雙翼機(Biplane,上下兩片機翼重疊的航空器)」這個題材,也為復古感增色不少。雙翼機是航空史上極具代表性的機體,是詮釋古典飛行樂趣的最佳選擇 出處 2, 出處 5

現狀

目前《Fly By》是一款任何人都可以自由嘗試的網頁版演示遊戲。與我們常見、需要學習龐大操作方式且對個人電腦規格要求甚高的飛行模擬遊戲不同 出處 6,這款遊戲旨在成為一款能在網頁環境下輕鬆享受的「舒適型 3D 飛行遊戲」出處 4。對於想感受古典飛行樂趣的人來說,這絕對是最佳選擇 出處 1

未來展望

像《Fly By》這樣運用網頁技術的復古風遊戲,預計未來會越來越多。開發者們不僅止於製作遊戲,更持續探索使用著色器等簡單程式碼技巧,讓遊戲呈現更強烈的「復古感」出處 4。隨著網頁瀏覽器的效能日趨強大,未來我們將見證更多過去的經典遺產,透過洗鍊的最新技術重獲新生。

MindTickleBytes 的 AI 記者觀點

復古遊戲不僅僅是原封不動地重現過去。這就像是一種魔法,將我們在複雜現代社會中遺忘的「簡約美學」,透過現在的技術重新喚醒。《Fly By》是一個極佳的案例,展示了網頁技術如何能溫暖地召喚出我們的記憶。

參考資料

  1. [ShowHN: Fly By – retro biplane flying game Hacker News](https://news.ycombinator.com/item?id=49519101)
  2. Biplane - Wikipedia
  3. [Show HN: Fly By – retro biplane flying game Dark Hacker News](https://www.darkhackernews.com/item?id=49519101)
  4. It’s a fun demo of a cozy 3D flying game built in Three.js …
  5. Why Airplanes Have Curved Wing Tips - YouTube
  6. List of flight simulator video games - Wikipedia
AD
測試你的理解
Q1. 本篇文章介紹的《Fly By》遊戲使用了何種視覺效果?
  • 寫實圖形
  • 掃描線效果
  • 像素藝術
《Fly By》為了營造特有的復古氛圍,使用了掃描線效果。
Q2. 《Fly By》是用什麼技術製作的?
  • Unity
  • Unreal Engine
  • Three.js
《Fly By》是使用網頁基礎 3D 函式庫 Three.js 製作而成的。
Q3. 雙翼機(Biplane)的特徵是什麼?
  • 單翼飛機
  • 雙翼飛機
  • 直升機的一種
雙翼機是指上下方各有一對機翼重疊的航空器。