webgpu 入门

这篇具有很好参考价值的文章主要介绍了webgpu 入门。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


前言

本文介绍了如何运行webgpu的官方demo


一、webgpu是什么?

webgpu是一种新的web API,它公开了现代计算机图形功能,特别是Direct3D 12、Metal和Vulkan,用于在图形处理单元(GPU)上执行渲染和计算操作。

二、使用步骤

1.安装node.js

https://nodejs.org/en/
请确保node.js版本 >= 18.12

2.克隆仓库

https://github.com/austinEng/webgpu-samples
代码如下(示例):

git config --global core.autocrlf false
git clone git@github.com:austinEng/webgpu-samples.git

4.安装最新开发版chrome并打开webgpu功能

https://www.google.com/intl/zh-CN/chrome/canary/
打开开发版chrome,键入 chrome://flags/,将Unsafe WebGPU 设置为 Enabled
webgpu 入门

3.运行项目

cd webgpu-samples
npm install
npm run-script build  
npm run-script serve 

运行成功后,访问本地端口 http://localhost:3000/

效果展示


webgpu 入门

总结

以上就是今天要讲的内容,本文简单介绍了webgpu的使用。文章来源地址https://www.toymoban.com/news/detail-444864.html

到了这里,关于webgpu 入门的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Webpack5入门到原理1:前言

    开发时,我们会使用框架(React、Vue),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。 这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法,才能运行。 所以我们需要打包工具帮我们做完这些事。 除此之外,打包工具还能压缩代码、做兼容

    2024年01月20日
    浏览(38)
  • Rx.NET in Action 中文介绍 前言及序言

    目标 可选方式 Rx 处理器(Operator) 创建 Observable Creating Observables 直接创建 By explicit logic Create Defer 根据范围创建 By specification Range Repeat Generate Timer Interval Return 使用预设 Predefined primitives Throw Never Empty 从其他类型创建 From other types FromEventPattern FromEvent FromTask FromAsync 变换 Transform

    2024年02月13日
    浏览(40)
  • 安装MySQL后如何运行?介绍两种方法

    上一篇文章小白如何安装MySQL——使用安装器安装有写到如何快速安装MySQL 那么这篇就来介绍一下安装后怎么启动MySQL 提供两种方法 一、cmd程序启动 1.首先要找到安装后的mysql目录下的bin文件,该文件下有个mysql的应用程序。不需要打开,复制该目录的地址,比如我的是C:Pr

    2024年02月07日
    浏览(28)
  • 本文通过实例介绍了Redis的基础知识、数据类型、数据结构以及典型应用场景 值得一看!

    作者:禅与计算机程序设计艺术 2017年,Redis是基于MIT许可发布的一个开源的高性能键值数据库,其开发语言为C语言。它提供了多种数据类型(strings、hashes、lists、sets、sorted sets等),分布式支持(可横向扩展),内存存储,持久化功能,事务处理功能等。作为一种高性能的

    2024年02月06日
    浏览(50)
  • 【colab】谷歌colab免费服务器训练自己的模型,本文以yolov5为例介绍流程

    目录 一.前言 二.准备工作 1.注册Google drive(谷歌云盘) Google Driver官网:https://drive.google.com/drive/ Colab官网:https://colab.research.google.com/ 2.上传项目文件 3.安装Colaboratory 4.colab相关操作和命令 5.项目相关操作  三.异常处理         本文介绍了在谷歌开放平台Google colab上租用免

    2023年04月08日
    浏览(39)
  • 小白入门:如何在docker中运行python程序

    目录 摘要: 1,编写Dockerfile制作镜像  2,使用镜像创建容器 3,交互式运行容器/镜像修改 3.1 编辑 3.2保存 4,将镜像上传至DockerHub  5,从DockerHub拉取镜像        本文仅涉及docker的基础使用。主要介绍如何在docker容器内运行python程序,以及一些相关问题及解决方法,例如:

    2024年02月08日
    浏览(29)
  • Docker 入门:如何打包、部署并运行你的应用

    🌷🍁 博主猫头虎(🐅🐾)带您 Go to New World✨🍁 🐅🐾猫头虎建议程序员必备技术栈一览表📖: 🛠️ 全栈技术 Full Stack : 📚 MERN/MEAN/MEVN Stack | 🌐 Jamstack | 🌍 GraphQL | 🔁 RESTful API | ⚡ WebSockets | 🔄 CI/CD | 🌐 Git Version Control | 🔧 DevOps 🌐 前端技术 Frontend : 🖋️ HTML CSS |

    2024年02月09日
    浏览(27)
  • 【Golang入门教程】如何使用Goland创建并运行项目

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站: 人工智能 前言 在Go语言的开发过程中,选择一个合适的集成开发环境(IDE)是提高效率和编写可维护代码的关键一步。 JetBrains的Goland作为一款专门为Go语言开发的

    2024年01月25日
    浏览(48)
  • 如何在Ubuntu上编辑和运行C程序(新手入门)

    兜兜转转还是想再深入的学习C语言,因此打算制定一个学习C语言的计划来不断推荐学习C语言。欢迎各位志同道合的同志加入和交流 。 qq群·:829876251 目前而言C语言主要运用在底层模块(驱动、解码器、算法实现),服务器(后端服务器)、嵌入式设备(手机等电子产品上的软件

    2024年02月07日
    浏览(25)
  • Vue基础入门(2)- Vue的生命周期、Vue的工程化开发和脚手架、Vue项目目录介绍和运行流程

    Vue生命周期:就是一个Vue实例从 创建 到 销毁 的整个过程。 生命周期四个阶段: ① 创建 ② 挂载 ③ 更新 ④ 销毁 1.创建阶段:创建响应式数据 2.挂载阶段:渲染模板 3.更新阶段:修改数据,更新视图 watch 是监听的数据修改就触发, updated 是整个组件的dom更新才触发 4.销毁

    2024年03月10日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包