regl-camera 相机插件

原文链接: regl-camera 相机插件

上一篇: p-cancelable 一个比较小的可取消的Promise库

下一篇: github 自定义个人主页

https://github.com/regl-project/regl-camera

regl的生态感觉比较老了, 很多库都不接受PR, 资料也少, 不过用起来确实好用, 不知道后面会不会重新加入ts, 也可能是现今的软件规模已经不是手写shader能做的了

支持缩放拖拽视角等, 比较方便

up-557bb209776ea3df70d31a521c329e63ae3.gif

主要是注入了两个矩阵, 所以可以在着色器中直接使用, 其他的都不需要做修改

  var injectContext = regl({
    context: Object.assign({}, cameraState, {
      projection: function ({ viewportWidth, viewportHeight }) {
        return perspective(cameraState.projection,
          Math.PI / 4.0,
          viewportWidth / viewportHeight,
          0.01,
          1000.0)
      }
    }),
    uniforms: Object.keys(cameraState).reduce(function (uniforms, name) {
      uniforms[name] = regl.context(name)
      return uniforms
    }, {})
  })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值