Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a7de4086
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
Fork
28
代码
文件
提交
分支
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看板
未验证
提交
a7de4086
编写于
8月 23, 2022
作者:
M
MM
提交者:
Gitee
8月 23, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
【OpenHarmony开源贡献者计划2022】update zh-cn/application-dev/webgl/webgl-guidelines.md.
文档注释规范问题 加空格 Signed-off-by:
N
MM
<
729256730@qq.com
>
上级
bcf0265d
变更
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
浏览文件 @
a7de4086
...
@@ -64,7 +64,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
...
@@ -64,7 +64,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
3.
编辑JavaScript代码文件,增加2D绘制逻辑代码。index.js示例如下:
3.
编辑JavaScript代码文件,增加2D绘制逻辑代码。index.js示例如下:
```
```
//index.js
//
index.js
export default {//NAPI交互代码
export default {//NAPI交互代码
data: {
data: {
title: "DEMO BY TEAMOL",
title: "DEMO BY TEAMOL",
...
@@ -80,7 +80,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
...
@@ -80,7 +80,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 获取2D上下文
// 获取2D上下文
const ctx = canvas.getContext('2d');
const ctx = canvas.getContext('2d');
//执行CPU绘制函数
//
执行CPU绘制函数
// Set line width
// Set line width
ctx.lineWidth = 10;
ctx.lineWidth = 10;
// Wall
// Wall
...
@@ -135,9 +135,9 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
...
@@ -135,9 +135,9 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
3.
编辑JavaScript代码文件,增加彩色三角形绘制逻辑代码。index.js示例如下:
3.
编辑JavaScript代码文件,增加彩色三角形绘制逻辑代码。index.js示例如下:
```
```
//index.js
//
index.js
//WebGL相关预定义
//
WebGL相关预定义
var gl = {
var gl = {
DEPTH_BUFFER_BIT: 0x00000100,
DEPTH_BUFFER_BIT: 0x00000100,
STENCIL_BUFFER_BIT: 0x00000400,
STENCIL_BUFFER_BIT: 0x00000400,
...
@@ -515,7 +515,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
...
@@ -515,7 +515,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 向缓冲区对象写入数据
// 向缓冲区对象写入数据
gl.bufferData(gl.ARRAY_BUFFER, verticesColors.buffer, gl.STATIC_DRAW);
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');
var a_Position = gl.getAttribLocation(gl.program, 'a_Position');
if (a_Position < 0) {
if (a_Position < 0) {
console.log('Failed to get the storage location of a_Position');
console.log('Failed to get the storage location of a_Position');
...
@@ -527,7 +527,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
...
@@ -527,7 +527,7 @@ WebGL主要帮助开发者在前端开发中完成图形图像的相关处理,
// 连接a_Position变量与分配给它的缓冲区对象
// 连接a_Position变量与分配给它的缓冲区对象
gl.enableVertexAttribArray(a_Position);
gl.enableVertexAttribArray(a_Position);
//获取着色器中attribute变量a_Color的地址
//
获取着色器中attribute变量a_Color的地址
var a_Color = gl.getAttribLocation(gl.program, 'a_Color');
var a_Color = gl.getAttribLocation(gl.program, 'a_Color');
if (a_Color < 0) {
if (a_Color < 0) {
console.log('Failed to get the storage location of a_Color');
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录