WebGL02
WebGL绘制点 WebGL程序相关三要素和坐标系。 我们将通过代码编写逐步熟悉GLSL这门语言的学习。 什么是着色器 WebGl需要两种着色器 顶点着色器 用于描述顶点属性,坐标位置。(x,y,z) 片元着色器 逐片元处理颜色,相当于是像素。 我们会将顶点着色器和片元着色器组合起来使用就是一个着色程序。着色程序会在GPU中运行,根据我们设置一系列状态值,再使用gl.drawArrays这类着色方...
道阻且长,行则将至;行而不辍,未来可期。
WebGL绘制点 WebGL程序相关三要素和坐标系。 我们将通过代码编写逐步熟悉GLSL这门语言的学习。 什么是着色器 WebGl需要两种着色器 顶点着色器 用于描述顶点属性,坐标位置。(x,y,z) 片元着色器 逐片元处理颜色,相当于是像素。 我们会将顶点着色器和片元着色器组合起来使用就是一个着色程序。着色程序会在GPU中运行,根据我们设置一系列状态值,再使用gl.drawArrays这类着色方...
WebGL是什么 我们通过 js + GLSL 就可以实现在浏览器中实现2D和3D效果。 WebGL三要素 了解WebGL的运行机制。 canvas画布元素 JavaScript GLSL ES(着色器语言) canvas元素的width、height属性指定其绘制图像的区域。 WebGL程序 WebGL并没有直接提供对应的绘图api供我们调用,需要我们自己编写一个着色器的程序,也就是GLSL。 ...
基础配置 您可以通过修改 src/consts.ts 中的配置项来实现主要的配置项修改,以定制您的 Astro 博客站点。每个配置项的详细说明如下所示: | 配置项 | 说明 ...
我的博文要放在哪里? 你的博文的 Markdown 文档需要放置在 src/content/blog 目录下。 博文的 Front-matter 属性 在撰写博文时,你将需要对博文的 Front-matter 属性进行配置,来声明博文的标题、发布时间等信息。下面是可以配置的属性: | 属性名 | 类型 | 必填项 | 说明 ...
Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS. By default, Tailwind r...
这个主题自带了 @astrojs/mdx 的集成,并在您的 astro.config.js 配置文件中进行了配置。如果您不想使用 MDX,您可以通过从配置文件中删除集成来禁用支持。 为什么要用 MDX? MDX 是一种特殊的 Markdown,支持嵌入 JavaScript 和 JSX 语法。这使得您可以将 JavaScript 和 UI 组件混合到您的 Markdown 内容中,用于创建交互式...