[閒聊] 從蔥花事件看 CSS/JS 與群聚效應

我不確定群聚效應的英文有沒有寫錯,維基百科說是 Critical mass,不過我覺得 Cluster effect 好像比較接近?

算了,反正我英文不好(無責


蔥花事件

這個有在聽相聲的人或許會知道,在相聲瓦舍有一段台灣吃法的橋段,就是灑滿蔥花。後來的事情在這個噗浪上面有比較完整說明。然後,也因為這件事情,就有人提到說在河道上撒蔥花,就演變成了這次的蔥花事件(還上新聞,我們的媒體是怎樣?

然後我的網站流量就這樣被往上推,

Google Analytics

畢竟平常沒什麼人在看我的部落格,所以你可以看到旁邊的線低得可憐。

群聚效應

起初只是好玩,詳細可以看這一則噗浪

TL;DR

看圖,

Negi Plurk

截至今日為止,轉噗 2623,可見這蔥花撒的多好。原本我以為這只會在同人圈裡面擴散,沒想到竟然爆炸成這樣。不過回頭想想,我也不是那個圈子裡面的人,我只是瞎起鬨而已。所以,不得不說這種感染力真的蠻強大的,換個角度想,或許這只是一種在現在這樣的生活中,找到樂趣或是舒壓的一種方式。

所以我說,撒個蔥花就能上新聞媒體,我們還真的蠻有病的。

不過這個裡面,我發現了一些有趣的事情,

  • 朝聖者 * 需求者 * 製造者

我應該算是有病的製造者,這些人其實不少,所謂大隱隱於市或許就是這樣吧(這樣亂用典好嗎。需求者就更多了,跟朝聖者不同的是,他們會對散播出來的東西有所訴求,然後有些製造者就會去滿足這樣的訴求。朝聖就單純來朝聖的 XD

由於我做了一個 Pure Javascript 版本,所以後來就不斷的被拿出去衍生(因為 HTTPS 也可以跑的緣故 www )所以其實,他是一個網站特效,只是,換成蔥花或是其他東西之後,就變成網站特笑了(看得懂前面 www 的意思的人,應該也是某圈內人 XD

CSS/Javascript

技術面的事情,其中也不乏一些高手高高手。像我在製作畫面時,也有人針對了 rAF 給了建議,甚至是提供自己的 render 寫法來協助。撇除這個事件本身,技術上的交流我覺得是好的!這對我來說是有趣的一件事情,畢竟技術面的東西很枯燥,人與人之間能找到一些可以切磋的點,其實真的可以讓整個事情可以快速的演變,或是精進。

這次的東西其實也只是畫面處理而已,不過針對 rAF 的部分,還是學到了不少可以加速的方式(甚至更變態點可以用 worker 來去做這樣。然後,因為有製作 CSS 3D 的部分,所以也妥善利用 perspective 的設定,來做景深透視的部分。原本,我是直接使用 three.js 去做 3D 畫面(畢竟比較快,不過,我著實不熟悉那個東西,所以就回到前端去思考 CSS 3D 的可能性。

最後還是靠 perspectivetransfrom 搞定所有的事情,當然,效能不能跟 Canvas 或是 WebGL 相提並論就是(廢話

小結

蔥花過量,有礙健康!

凡事適量就好。

這是我後來改過的蔥花 CSS 3D,原始碼有興趣的人可以打開看看。至於裡面其他的東西,我不承認那是我做的(抹臉

Hina Chen
偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。
Taipei