regl-ts 使用ts重構regl嘗試

 

原文鏈接: regl-ts 使用ts重構regl嘗試

上一篇: pnpm 使用workspace實現monorepo

下一篇: regl-camera-ts 重構 regl的3d相機庫

創建庫, vite配套還是太慢了...

pnpx tsdx create regl-ts

 

目前gl基本上看了一點, 後序進階要麼是純圖形學要麼是類庫了, 現在項目中基本上很少寫這麼底層的東西, 但是類庫重構對ts以及一些編程能力有所鍛鍊, 本來是4月底完成光追的, 現在就先試着能不能花一個月把regl重構一下, 畢竟這個庫配套和編譯工具都太老了, 但是使用上有比較舒服, 嘗試一下, 未必能成, 不然人家這麼多年難道就寫了d.ts嗎....

 

首先utils重構

裏面很多都是可以用es6重寫的

module.exports = function (obj) {
  return Object.keys(obj).map(function (key) { return obj[key] })
}

Object.values({a:1})


// 這個應該是爲了減少from和map
module.exports = function loop (n, f) {
  var result = Array(n)
  for (var i = 0; i < n; ++i) {
    result[i] = f(i)
  }
  return result
}

 

比想象的要麻煩很多啊...

 

主要在於js的一些寫法ts很難去推斷, 而且js確實很靈活,但越靈活, ts就越難寫, 所以感覺是可以犧牲一些靈活性的, 目前完成了demo站點, test和camera, 後面應該是有空會繼續補充, 因爲這個看起來不太是能短時間搞定的樣子