> For the complete documentation index, see [llms.txt](https://ianchen0119.gitbook.io/deno/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ianchen0119.gitbook.io/deno/deno-cli/xiang-guan-gong-ju-ji-ce-shi/webgpu-api.md).

# WebGPU API

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` 運作看看吧!

### 圖片渲染

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

在[crowlKats](https://github.com/crowlKats)的[個人專案](https://github.com/crowlKats/webgpu-examples)中 webgpu 範例，我們可以隨便選擇一個使用 Deno 進行圖片輸出:

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

![output.png](/files/-Mar_BDa0c06iYmN6Wpg)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ianchen0119.gitbook.io/deno/deno-cli/xiang-guan-gong-ju-ji-ce-shi/webgpu-api.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.