鐵人檔案
源自公司內部練習專案，靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。
簡單來說就是設計奇奇怪怪的元件。
別看這些元件好像很沒用，實作起來反而更難啊！ᕕ( ﾟ ∀。)ᕗ
為了實現各類奇奇怪怪的需求，我們會結合各類知識或技術，從最基礎的三角函數、座標轉換，到物理引擎、Shader 等等。
大家如果有興趣的話，就和鱈魚一起來挑戰看看吧！(๑•̀ㅂ•́)و✧
現在讓我們用更多範例讓使用者更了解「逐字轉場」元件吧。ヽ(●`∀´●)ﾉ 切分文字 展示如何自定義切分文字。 src\components\text-chara...
第一步老樣子就是來新增測試檔案。◝( •ω• )◟ e2e\components\text-characters-transition.spec.ts impo...
發想 某些網頁為了獎勵使用者特定操作，會在網頁上噴出彩帶效果。 讓我們來設計一個隨時隨地都可以慶祝的拉炮元件吧！(≧∀≦)ﾉ🎉 類似以下影片。( ´ ▽ ` )...
所以我們要怎麼實現彩帶的效果呢？用大量的 div 嗎？ 其實還真的可行，只是畫面可能會卡到爆炸。(›´ω`‹ ) 為了效果與性能兼具，這裡使用 canvas 繪...
開始測試前，讓我們在 defineExpose 追加資料，方便進行測試。 src\components\util-party-popper\util-party...
提供更多範例，讓使用者了解此元件用法吧。◝( •ω• )◟ 發射參數 調整發射速度向量，就可以往任意方向發射。 src\components\util-part...
這個章節運行測試的方式稍微不同，由於 babylon.js 套件較為龐大，如果在 dev 模式下運行第一次開啟頁面會等很久，導致測試一直超時。 所以這裡我們改成...
發想 如果頁面上的元素會依照物理定律，自然下落、彈跳等等，一定很有趣。(´,,•ω•,,) 類似以下影片。( ´ ▽ ` )ﾉ 規格 功能需求 可以設定元素的...
讓我們來開發物理包裝器元件吧！ 鱈魚：「第一步從認識碰撞偵測演算法開始！◝(≧∀≦)◟」 路人：「不會吧！╭(°A ,°`)╮」 鱈魚：「的確不會，因為我也不太...
開始測試前，讓我們在元件中新增一些對外屬性，方便進行測試吧。( ´ ▽ ` )ﾉ src\components\wrapper-physics\wrapper-...
