程序员开发实例大全宝库

网站首页 > 编程文章 正文

GPU.js一款可以用GPU为jsdon动画加速插件

zazugpt 2024-08-12 03:21:18 编程文章 17 ℃ 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);

效果截图



总结

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

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

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表