有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

browser.min.js下载(GPU.js一款可以用GPU为jsdon动画加速插件)

前端框架 炮渣日记 2周前 (11-22) 15次浏览 已收录 0个评论 扫描二维码

简介

GPU.js是一个JavaScript加速库,用于Web和Node的JavaScript中的GPGPU(GPU上的通用计算)。 GPU.js会自动将简单的JavaScript函数转换为着色器语言,并对其进行编译,使其在您的GPU上运行。 如果没有GPU,则这些功能仍将在常规JavaScript中运行。

安装

# cdn引用
https://unpkg.com/gpu.js@latest/dist/gpu-browser.min.js
https://cdn.jsdelivr.net/npm/gpu.js@latest/dist/gpu-browser.min.js
# node
npm install gpu.js --save
# typescript
import { GPU } from 'gpu.js';

简单使用

    const gpu = new GPU();
    const multiplyMatrix = gpu.createKernel(function(a, b) {
        let sum = 0;
        for (let i = 0; i < 512; i++) {
            sum += a[this.thread.y][i] * b[i][this.thread.x];
        }
        return sum;
    }).setOutput([512, 512]);

    const c = multiplyMatrix(a, b);

效果截图

browser.min.js下载(GPU.js一款可以用GPU为jsdon动画加速插件)

browser.min.js下载(GPU.js一款可以用GPU为jsdon动画加速插件)

总结

如果前端需要大量计算、画图、地图这种场景,可以尝试用一下,效果还是挺明显的。

源码地址:
https://github.com/gpujs/gpu.js,有兴趣的同学可以去研究、汉化。

最后希望大家多多评论、关注、点赞、转发,你们的支持,是我更新下去的最大动力。

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址