Deno 入門指南
  • 前言
  • Deno 更新日誌
  • 簡介
    • Deno 跟 Node.js 的主要差異
    • Hello, World!
  • TypeScript 基礎篇
    • 變數宣告
    • 使用型別系統
    • 流程判斷與迴圈
    • 函式宣告
    • This 與 Arrow Function
    • 在函式中應用強型別
    • 介面
    • 型別別名
    • 物件導向概念
    • 類別的封裝與繼承
    • 介面與類別、抽象類別
    • 泛型的概念與實作
    • 型別補充
  • Deno CLI
    • 快速開始
    • 沙盒機制
    • URL Import
    • 編譯選項
    • 相關工具及測試
      • WebGPU API
      • Deno.resolveDns
      • 程式碼編譯器
      • 程式碼檢查器
      • 依賴檢查器
      • 文件產生器
      • 程式碼打包工具
      • 腳本安裝
      • 程式碼格式化
      • Deno 命名空間與編譯器 API
      • 使用 Deno 進行測試
  • 使用 Deno 打造多線程應用
    • 多線程概念
    • Deno Workers
    • 使用多線程計算矩陣相乘
  • 使用 Deno 打造 Web API
    • Web API 介紹
    • Oak 框架介紹
    • 使用 Denon 精簡指令
    • 實作 Web API
    • MongoDB 安裝教學
    • Deno 與 MongoDB 共舞
    • 完成第一支 Web API
    • 淺談跨來源資源共用(CORS)與解決辦法
Powered by GitBook
On this page
  • 與GPU溝通
  • 圖片渲染

Was this helpful?

  1. Deno CLI
  2. 相關工具及測試

WebGPU API

Previous相關工具及測試NextDeno.resolveDns

Last updated 3 years ago

Was this helpful?

WebGPU API 讓開發者能夠以JS 開發出 GPU 能夠執行的程式,Deno 的最終目標就是讓 tensorflow.js 加速運作在 Deno 平台上面。

與GPU溝通

注意!在嘗試 WebGPU API 之前請先確保你所使用的 Deno 版本高於 v1.8 。

Deno 官網提供了以下範例,讓我們能夠取得與系統連結的GPU 資訊:

const adapter = await navigator.gpu.requestAdapter();
if (adapter) {
  // Print out some basic details about the adapter.
  console.log(`Found adapter: ${adapter.name}`);
  const features = [...adapter.features.values()];
  console.log(`Supported features: ${features.join(", ")}`);
} else {
  console.error("No adapter found");
}

接著,使用 deno run --unstable 運作看看吧!

圖片渲染

接著,讓我們嘗試渲染一張圖片出來吧!

在的中 webgpu 範例,我們可以隨便選擇一個使用 Deno 進行圖片輸出:

$deno run --unstable --allow-write=output.png https://raw.githubusercontent.com/crowlKats/webgpu-examples/f3b979f57fd471b11a28c5b0c91d0447221ba77b/hello-triangle/mod.ts
crowlKats
個人專案
output.png