Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Coping0606
Docs
提交
5f93b1dc
D
Docs
项目概览
Coping0606
/
Docs
与 Fork 源项目一致
Fork自
OpenHarmony / Docs
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
5f93b1dc
编写于
8月 23, 2022
作者:
O
openharmony_ci
提交者:
Gitee
8月 23, 2022
浏览文件
操作
浏览文件
下载
差异文件
!8464 【轻量级 PR】:【OpenHarmony开源贡献者计划2022】update zh-cn/application-dev/webgl/webgl-guidelines.md.
Merge pull request !8464 from MM/N/A
上级
cb643dd3
a7de4086
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
6 addition
and
6 deletion
+6
-6
zh-cn/application-dev/webgl/webgl-guidelines.md
zh-cn/application-dev/webgl/webgl-guidelines.md
+6
-6
未找到文件。
zh-cn/application-dev/webgl/webgl-guidelines.md
浏览文件 @
5f93b1dc
...
...
@@ -64,7 +64,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
3.
编辑JavaScript代码文件,增加2D绘制逻辑代码。index.js示例如下:
```
//index.js
//
index.js
export default {//NAPI交互代码
data: {
title: "DEMO BY TEAMOL",
...
...
@@ -80,7 +80,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 获取2D上下文
const ctx = canvas.getContext('2d');
//执行CPU绘制函数
//
执行CPU绘制函数
// Set line width
ctx.lineWidth = 10;
// Wall
...
...
@@ -135,9 +135,9 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
3.
编辑JavaScript代码文件,增加彩色三角形绘制逻辑代码。index.js示例如下:
```
//index.js
//
index.js
//WebGL相关预定义
//
WebGL相关预定义
var gl = {
DEPTH_BUFFER_BIT: 0x00000100,
STENCIL_BUFFER_BIT: 0x00000400,
...
...
@@ -515,7 +515,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 向缓冲区对象写入数据
gl.bufferData(gl.ARRAY_BUFFER, verticesColors.buffer, gl.STATIC_DRAW);
//获取着色器中attribute变量a_Position的地址
//
获取着色器中attribute变量a_Position的地址
var a_Position = gl.getAttribLocation(gl.program, 'a_Position');
if (a_Position < 0) {
console.log('Failed to get the storage location of a_Position');
...
...
@@ -527,7 +527,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 连接a_Position变量与分配给它的缓冲区对象
gl.enableVertexAttribArray(a_Position);
//获取着色器中attribute变量a_Color的地址
//
获取着色器中attribute变量a_Color的地址
var a_Color = gl.getAttribLocation(gl.program, 'a_Color');
if (a_Color < 0) {
console.log('Failed to get the storage location of a_Color');
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录