Free Fireworks 免費線上放煙火,點擊即放附音效與自動模式

Free Fireworks 是免費的線上放煙火網頁,打開即用免帳號,點擊、長按、雙擊施放不同煙火,還有可拖拽的時鐘與音效;實測互動零外送、零廣告,但音效與框架都靠外部服務撐著。

用 AI 摘要這篇文章:

想在跨年、尾牙或者只是想放鬆的晚上,打開瀏覽器就放一場煙火,不用安裝任何東西、不用註冊帳號?Free Fireworks 這個網頁給的答案很直接:可以。我在無頭瀏覽器裡實測了兩輪,從載入到連點施放全程側錄,整場 26 個請求裡,點放煙火、雙擊、調整設定這些互動本身一個新請求都沒有產生,僅有的後續連線是託管平台的遙測上傳,而且全被瀏覽器擋下,細節後面談。煙火畫面全在本機算,這點它做得很乾淨。但往下拆會發現一件比較意外的事:這台煙火機的三根柱子,音效、框架、託管,全是借來的。

打開就能放嗎?能,而且不只有點擊一種玩法

官網開場只有一句話:Click, watch, relax. Let the fireworks do the rest. 實際玩起來就是這句話的兌現。單擊畫面任何位置,一枚火箭從畫面底部升起,在你點的地方炸開;按住不放會連續施放;快速點兩下則是一次特殊煙火齊發,官方說明特別註明這招有冷卻時間,不讓你無限洗。這些手勢出自站內的互動指南(畫面右下第一顆按鈕),是官方自己寫下的操作承諾。

煙火的種類比外表看起來多。我把頁面內部的事件介面拿來直接推了六發不同型態的煙火:一般、大型、閃爍、亮片、超級、特大,六種都實際渲染了出來,原始碼裡還有第七種名為 comet 的彗星型態。超級款會在同一個爆炸點連炸三次,每次換一個色系,後兩波各延遲十八與三十六個影格才展開,看起來像一朵煙火開了又開。整個畫面由粒子系統當場運算,每一次爆炸的形狀、顏色、散布角度都是現算出來的,所以兩發煙火長得一模一樣的機率趨近於零。

Free Fireworks 六種型態煙火同時施放的實測畫面,球形爆炸與上升火箭軌跡並存Pin
以頁面事件介面一次推升六種型態煙火的實測畫面:球形開花、垂墜形與上升中的火箭軌跡同框。

也因為是即時運算,它可以當作動態背景一直放著。設定裡有一個 Zen 模式(畫面右下第三顆按鈕),打開後煙火自動施放,速度可調,適合掛在電視或投影幕上當氛圍畫面。手機上的體驗也有被照顧到:煙火的大小會依螢幕尺寸自動縮放,觸控時每一根手指是一個獨立的觸發點,各有各的冷卻計時,兩三個人圍著一支手機同時點,畫面不會因為搶點而漏接。第一次打開時,畫面上只有一句 Click, watch, relax.,時間顯示要點一下才會出現,作者顯然想讓煙火當主角,時鐘是配角。這類免安裝、開網頁就玩的休閒工具,之前介紹過的 Piano Online 網頁鋼琴是同一個路數:瀏覽器就是樂器,也是煙火筒。

Free Fireworks 開啟時的首頁畫面,黑色夜空與 Click, watch, relax 標語Pin
Free Fireworks 開啟時的畫面:整片黑色夜空與一句 Click, watch, relax. 標語,右下三顆圓形按鈕。

音效是真的,但檔案放在別人的 GitHub 倉庫裡

站上有音效,火箭升空一聲、爆炸一聲,做得相當講究。讀頁面原始碼可以看到它寫了兩套音效程式,實際啟用的是 Web Audio 那套:先抓檔解碼再播,內建二十個聲音節點的池,取樣率鎖在 44100Hz,還有一個每十秒播放一次接近無聲音檔的小技巧,用來繞過瀏覽器對背景分頁音訊的限制。另一套 HTML5 Audio 播放器池也寫好了二十個實例、音量設在七成,但程式從頭到尾沒有把它接上啟用,屬於留在頁面裡的閒置備份。

問題在於檔案的位置。這兩個音效檔不住在這個網站自己的伺服器上,直接連到 GitHub 用戶 chocoford 的個人倉庫,一個 79KB 的 snare 檔和一個 292KB 的爆炸檔,從 raw.githubusercontent.com 串流過來。顧名思義,一個對應火箭升空的嘶聲、一個對應開花瞬間的巨響,頁面載入時就會把兩個檔都抓下來備著。那個倉庫一顆星、沒有任何授權標示,最後一次推送停在 2025 年 1 月 25 日,剛好是這個網站版本凍結的隔一天。時間上的關聯強烈暗示建站的人自己就是倉庫主人,但這終究是推測,能確定的事實是:那個倉庫刪檔,或者 GitHub 對 raw 連線限流的當下,這個網站的音效就會安靜下來,而畫面完全不受影響。順帶一提,音效好聽與否我沒有開聲音驗,這段講的全是檔案層與程式層的事實。音效開關在畫面右下的喇叭按鈕,介意的人可以直接關掉,只留視覺。

它在你背後送了什麼?答案是送不出去

側錄結果裡最出乎意料的一段在遙測層。這個頁面內建了 Segment 分析服務的程式碼,寫入金鑰都完整寫在頁面上,收集到的資料會送到一個由託管平台代理的收集端點;除此之外還有一支 Socket.IO 即時連線程式,以及一個帶著平台用戶編號的功能查詢 API。名單不算短。

但實測的結果是:五次分析資料的上傳全部被瀏覽器的跨來源政策擋下,Console 裡清一色是 CORS 錯誤,功能查詢 API 同樣失敗。也就是說追蹤程式碼在、意圖在、匿名識別碼也寫進了瀏覽器的 localStorage,但資料實際上出不了這個頁面。追蹤想送而送不出去,這種狀態比單純的乾淨或單純的追蹤都少見,合理的解釋是這些程式碼來自託管平台的模板,平台沒有為獨立網域設定好跨來源的標頭。對使用者來說當下是好消息,但這個「乾淨」是配置錯誤的副產品,不是承諾,平台哪天把標頭補上,行為就會改變。

互動本身倒是真的什麼都沒送。點擊、施放、調整設定,全部在畫布裡完成,側錄期間沒有任何帶著互動內容的請求出現,也沒有廣告、沒有帳號系統、沒有中文介面,整個站只有英文。

那支連不上線的 Socket.IO 程式和那個失敗的功能查詢,來歷也值得記一筆。查詢網址的尾巴帶著一組平台用戶編號,和頁面上分享圖片的存放路徑屬於同一個帳號,等於整個頁面從頭到尾都蓋著建造者的平台戳記;Socket.IO 則是託管平台用來做即時協作的那類元件,放在這個單人玩的煙火頁上派不上用場,比較像平台模板整包帶進來的行李。對讀者的意義在於:這個頁面上所有與平台有關的程式,行為都由平台決定,作者本人管不到,今天送不出去的資料,不代表明天也送不出去。

引擎拆開看:三千顆粒子的上限,和不支援 WebGL 時的退路

它值得被認真對待的部分是引擎。頁面內建一套 WebGL 渲染器,用點精靈著色器畫粒子,每顆粒子有位置、大小、顏色、透明度衰減,圓形邊緣用平滑階梯函數收邊,做法正經,粒子全部當場算出來,與播放預錄動畫是兩回事。粒子總量有硬上限三千顆,超過就淘汰最舊的,這是為了保護低階裝置的影格率;一般煙火與大型煙火的施放間隔分別是 40 與 100 毫秒,多點觸控時每一根手指各自計算冷卻,手機上多人同時點也不會互相吃掉對方的煙火。

更有意思的是退路。實測環境裡頁面直接以 Canvas 2D 模式渲染,煙火照放、顏色照換;原始碼也內建了 WebGL 建立失敗時退到 Canvas 2D 的路徑,一支老筆電或冷門裝置打開它,不會看到白畫面或錯誤訊息,這份穩健在免費小工具裡不算常見。

整點還有彩蛋:每到整點的秒針歸零那一刻,會自動啟動一場十五秒的慶祝煙火秀,發射密度按正弦曲線先升後降,期間每一發有 1% 的機率升級成特殊型態。設定裡的 Hourly Fireworks 開關預設開啟,掛在牆上當時鐘背景的人,每小時會收到一次免費的驚喜。

時鐘可以拖著走,但它不是倒數計時

畫面上還有一個浮動的時間顯示,顯示當前的日期與時間,可以用滑鼠拖到畫面任何角落,點它一下就打開完整的設定面板。這個面板同時也是 Zen 模式的控制中心,時間與煙火兩組設定整併在同一頁:時制切換、五種日期格式(從 YYYY-MM-DD 到完整的月份名稱)、時間底色、字級、顯示位置重設,加上前面提過的整點煙火開關與施放速度滑桿,一頁收完,沒有第二層選單。實測時它顯示的是我測試當下的正確時間,秒數會走,也就是說它是一個會走路的時鐘,不是倒數計時器,沒有指定某個日子倒數的功能。想要倒數功能的人,TimePulse 那類工具才是對的方向。

Free Fireworks 設定面板實測畫面,顯示即時日期時間與時制、日期格式、煙火速度等選項Pin
時間顯示的設定面板:即時日期與時間在上,時制、五種日期格式、字級、整點煙火與施放速度一頁收完。

這裡順手把一個常見的誤會解掉:有些介紹把這個時間顯示寫成倒數計時器,實際打開設定面板就會看到,它做的全部事情是顯示現在幾點幾分,頂多讓你決定長什麼樣、放在哪裡。跨年當晚想盯著倒數的人,這個畫面幫不上忙,但想讓房間有一面會放煙火的鐘,它稱職。

免費沒有廣告,但三根柱子都是借來的

把整個站拆完,它的免費與乾淨都成立:零帳號、零廣告、互動零外送。但它的存續掛在三個它自己控制不了的外部服務上。先看託管層:它住在 Trickle 平台配發的隨機子網域上,網址開頭那串 5pfouk4zx997 就是平台給的房號。Trickle 官方對自己的定位是用 AI 把點子直接變成能上線的應用與網站,讓人用描述的方式把網頁生成出來,這類平台養出了大量一次性的社群小應用。Free Fireworks 是其中做得特別用心的一個,但平台的免費層政策、網域規則一改,這批房客會最先被請出去。介面框架 React 與樣式 Tailwind 都從公共 CDN 載入,unpkg 或 Tailwind CDN 出問題的當天頁面就開不起來;音效則如前述,押在一個一顆星的個人倉庫上。

版本本身也已經凍結。伺服器送出的 Last-Modified 停在 2025 年 1 月 24 日,到現在二十個月沒有新版本;頁面引用的四個設定面板樣式檔直接 404,等於面板的外觀細節一直帶著失效連結在跑;樣式表用的還是 Tailwind 的開發版 CDN,瀏覽器 Console 裡甚至會自己跳出「不建議用於正式環境」的警告。這些都不是立即的故障,但合起來說明一件事:壞了不會有人修,能用一天算一天。

所以判斷很簡單。要一台打開就放、零學習成本、隱私上也沒有實質外送的煙火畫面,跨年守歲、派對背景、給小孩點著玩,它今天完全勝任,效果也對得起認真做的引擎。它與年會抽獎用的 Lucky Draw 屬於同一類:把一件事做到剛好的免費小工具;節慶檔期寫春聯的 AI 春聯產生器 也是同季的應景選擇。但它不適合被依賴:重要場合要用的話,先一天打開確認它還活著,並且做好音效隨時可能消失的心理準備。想要可以自己留檔、永不消失的版本,這種寄住在別人平台上的網頁工具給不了,年終做年度盤點與新年度計畫,YearCompass 那種可下載的工作簿反而是更耐放的路線。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 1630

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...