javascript
9 minutes read (About 1371 words)

WebGl矩阵的运用

学会运用矩阵，在二维三维中即可实现移动、旋转、缩放。
还可清晰掌握图形方向，代码结构更清晰简短

Read More
javascript
a few seconds read (About 73 words)

WebGl 二维平移

本文基于上一篇- 《WebGl 旋转及缩放》 的示例代码修改

添加变量，做简单的相加即可实现平移

Read More
WebGl 二维旋转及缩放
javascript
6 minutes read (About 858 words)

WebGl 二维旋转及缩放

本文基于上一篇- 《WebGl绘制多个图形》 的示例代码修改

Read More
WebGl绘制多个图形
javascript
3 minutes read (About 504 words)

WebGl绘制多个图形

WebGl的接口方法刚接触时多少有些不适应，在绘制多个图形介绍前，有必要把这个理解一下

Read More
drawArrays使用说明及画一个正方形
javascript
4 minutes read (About 583 words)

drawArrays使用说明及画一个正方形

语法

void gl.drawArrays(mode, first, count);

Read More
css / javascript
a few seconds read (About 101 words)

css color to webgl color

webgl中所使用的颜色值域为0~1，超出1的部分则自动截取为1
css中的颜色值域为0~255
因为同为RGB颜色，所以转换方法为 颜色值/255 一般取两位小数即可，需要更精准则取更多小数

Read More
javascript
10 minutes read (About 1446 words)

WebGl入门教程三（绘制多个点）

本篇概念最为复杂，但是也是必须掌握的基础
理解Buffer的概念及用途在日后开发中至关重要

Read More
javascript
2 minutes read (About 302 words)

WebGl入门教程二（动态设置定点及色彩）

本篇介绍如何动态设置着色器的位置、大小和色彩

全篇目录

Read More
javascript
7 minutes read (About 1031 words)

WebGl入门教程一 （绘制一个点）

介绍

WebGL是一种JavaScript API，用于在不使用插件的情况下在任何兼容的网页浏览器中呈现交互式2D和3D图形。WebGL完全集成到浏览器的所有网页标准中，可将影像处理和效果的GPU加速使用方式当做网页Canvas的一部分。WebGL元素可以加入其他HTML元素之中并与网页或网页背景的其他部分混合。WebGL程序由JavaScript编写的句柄和OpenGL Shading Language（GLSL）编写的着色器代码组成，该语言类似于C或C++，并在电脑的图形处理器（GPU）上运行。WebGL由非营利Khronos Group设计和维护。

Read More

Categories

Tag Cloud

DASH FFMpeg WebGl WebRTC angular antd docker echartsjs ffmpeg flex git go google immutable keep update koa mac mongodb next.js nginx node nodejs npm nuxt.js nuxtjs pm2 postgres postgresql rabbitmq react redux regexp typescript vim vue vuejs 日语 水彩

Recent

Archives

Tags

DASH 1
FFMpeg 1
WebGl 9
WebRTC 4
angular 3
antd 1
docker 3
echartsjs 3
ffmpeg 1
flex 1
git 7
go 1
google 1
immutable 1
keep update 1
koa 1
mac 1
mongodb 1
next.js 1
nginx 2
node 5
nodejs 3
npm 3
nuxt.js 1
nuxtjs 1
pm2 1
postgres 1
postgresql 1
rabbitmq 1
react 6
redux 1
regexp 2
typescript 8
vim 3
vue 13
vuejs 1
日语 1
水彩 7

Recent

Archives

Tags

DASH 1
FFMpeg 1
WebGl 9
WebRTC 4
angular 3
antd 1
docker 3
echartsjs 3
ffmpeg 1
flex 1
git 7
go 1
google 1
immutable 1
keep update 1
koa 1
mac 1
mongodb 1
next.js 1
nginx 2
node 5
nodejs 3
npm 3
nuxt.js 1
nuxtjs 1
pm2 1
postgres 1
postgresql 1
rabbitmq 1
react 6
redux 1
regexp 2
typescript 8
vim 3
vue 13
vuejs 1
日语 1
水彩 7
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×