webgl入門到成仙 入門 01刷底色的基本步驟

css刷底色跟webgl刷底色有本質區別：

css刷底色是無法做webgl運算的

設定canvas屬性，不要再css設定，要設定在canvas的dom上

二維畫筆

const gl = canvas.getcontext(「2d」);

const gl = canvas.getcontext(「webgl」);

gl.clearcolor(0, 0, 0, 1);

gl.clear(gl.color_buffer_bit);

讓畫布具備顏色有兩個步驟：第一是 宣告顏色gl.clearcolor(0, 0, 0, 1)，第二是 刷筆色 gl.clear(gl.color_buffer_bit)

lang
="en"
>
>
charset
="utf-8"
>
>
01-刷底色title
>
>
body
#canvas
style
>
head
>
>
"canvas"
>
canvas
>
>
/* 1. css刷底色跟webgl刷底色有本質區別：
css刷底色是無法做webgl運算的
2. 設定canvas屬性，不要再css設定，要設定在canvas的dom上
3. 二維畫筆
> const gl = canvas.getcontext("2d");
4. 三維畫筆
> const gl = canvas.getcontext("webgl");
5. 清除畫布，並給畫布宣告顏色，但是不是塗上底色，塗上還需要加一步gl.clear(gl.color_buffer_bit);
- 這裡的clearcolor(0, 0, 0, 1)的四個引數都是0到1，0對應顏色範圍的0，1對應顏色範圍的255
> gl.clearcolor(0, 0, 0, 1);
6. 刷筆色
- gl.color_buffer_bit顏色緩衝區，後面會講
> gl.clear(gl.color_buffer_bit);
== 注意: == 讓畫布具備顏色有兩個步驟：第一是 宣告顏色gl.clearcolor(0, 0, 0, 1)，第二是 刷筆色 gl.clear(gl.color_buffer_bit)
*/const canvas = document.
queryselector
("#canvas");
canvas.width = window.innerwidth;
canvas.height = window.innerheight;
// 三維畫筆
const gl = canvas.
getcontext
("webgl");
// 宣告顏色
gl.clearcolor(0
,0,0
,1);
// 這邊clearcolor(0, 0, 0, 1)的四個引數都是0到1，0對應顏色範圍的0，1對應顏色範圍的255
// 刷筆色
gl.clear
(gl.
color_buffer_bit);
// gl.color_buffer_bit顏色緩衝區，後面會講
// 上面需要宣告顏色和刷筆色合起來，才能有顏色
script
>
body
>
html
>

golang從入門到成仙 day03

閉包 return後的函式 返回的函式外部變數的引用 package main import fmt 閉包是什麼？閉包是乙個函式，這個函式引用了他外部作用域的乙個變數 閉包底層的原理 1.函式可以作為返回值 2.函式內部查詢變數的順序，先在自己內部查詢，找不到往外層找 閉包 return後的函式 返...

webgl入門必備

由於最近在搞乙個其他的東西，所以我的webgl學習系列部落格都沒有更新了，所以在這裡先做乙個總結。我們對webgl有乙個初步的認識，就是需要先獲取到canvas的上下文，那麼我們今天就需要了解一下將影象發布到畫布上。思路將資料由main 函式傳到頂點著色器的attribute變數上去！先獲取到att...

Postman入門到精通 01

場景 postman能做什麼 postman的相關資料 第乙個api請求 http請求 http訊息是伺服器和客戶端之間交換資料的方式 有兩種型別的訊息 http請求的構成 http請求之起始行 起始行包含3要素 http請求之headers 來自請求的http headers 遵循和 http h...