🎋 竹子日誌

圖表系統開發經驗

一開始,CTO想要做一個 Event Time Line Chart,但具體分析完需求後,他想要呈現的資訊實在是太客製化,為了能滿足需求,勢必要自己刻了。

工程師都知道,沒事不要造輪子,但遇到極端客製化的需求怎麼能夠不造輪子?我也只能選擇跳下去和 Canvas 搏鬥了。首先肯定要挑一款合適的框架讓我開發,考量過 ”

pixi.js”、”p5.js”、”create.js”、”paper.js”,最後選了”pixi.js”,這下真的要開幹了。

原本覺得在 Dom 上理所當然的東西,到了 canvas 整個都不一樣了。包含著碰撞、渲染、組件化,每一個畫面的展現因為沒有了CSS,全部都必需用數學算出來。真正體驗到,到了 canvas 需要數學去支撐程式設計力,越複雜的圖形越需要去設計圖形計算的公式。

到了開發後半段,面臨了另一個大問題

留言