- Hands-On Game Development with WebAssembly
- Rick Battagline
- 306字
- 2021-06-24 13:41:05
Buffer constants
I have chosen to use a single Float32Array to hold all of the vertex data for this application. That includes the X and Y coordinate data, as well as U and V texture coordinate data. Because of this, we are going to need to tell WebGL how to separate this data into different attributes when we load this data into the GPU's buffer. We will use the following constants to tell WebGL how the data in Float32Array is broken out:
const FLOAT32_BYTE_SIZE = 4; // size of a 32-bit float
const STRIDE = FLOAT32_BYTE_SIZE * 4; // there are 4 elements for every vertex. x, y, u, v
const XY_OFFSET = FLOAT32_BYTE_SIZE * 0;
const UV_OFFSET = FLOAT32_BYTE_SIZE * 2;
The FLOAT32_BYTE_SIZE constant is the size of each variable in Float32Array. The STRIDE constant will be used to tell WebGL how many bytes are used for the data of a single vertex. The four columns we defined in the previous code represent x, y, u, and v. Since each one of those variables uses four bytes of data, we will multiply the number of variables by the number of bytes that are used by each variable to get the stride, or how many bytes are used by a single vertex. The XY_OFFSET constant is the starting location inside of each stride where we will find the x and y coordinate data. For consistency, I multiplied the floating-point byte size by the position, but since it is 0, we could have just used const XY_OFFSET = 0. Now, UV_OFFSET is the offset in bytes from the beginning of each stride where we will find the UV texture coordinate data. Since those are in positions 2 and 3, the offset is the number of bytes that's used for each variable, multiplied by 2.
- Android NDK Game Development Cookbook
- INSTANT Wijmo Widgets How-to
- 深入淺出SSD:固態存儲核心技術、原理與實戰(第2版)
- Large Scale Machine Learning with Python
- 分布式系統與一致性
- 筆記本電腦維修300問
- 超大流量分布式系統架構解決方案:人人都是架構師2.0
- FL Studio Cookbook
- 單片機原理與技能訓練
- 觸摸屏應用技術從入門到精通
- 微服務實戰(Dubbox +Spring Boot+Docker)
- Advanced Machine Learning with R
- Service Mesh微服務架構設計
- ARM接口編程
- Arduino項目開發:智能控制