图形学共0篇
图形学
排序
Job System 初探
作者：i_dovelemon 日期：2023-08-24 主题：Fiber, Atomic Operation, MPMC Queue, Multiple thread, Job system 引言 现代 CPU 是多核处理器，为了充分利用 CPU 多核处理的特性...
2年前
上车WebGL——推导视图矩阵
哈喽大家好啊，我是广州小井。上一节我们初步了解了相机和视图矩阵，并且通过 three.js 的 lookAt 方法实战感受了通过相机观测图形的效果，get 到了变换相机位置观测图形和变换图形自身是一个反...
2年前相机的奥秘——推导视图矩阵
哈喽大家好啊，我是广州小井。上一节我们初步了解了相机和视图矩阵，并且通过 three.js 的 lookAt 方法实战感受了通过相机观测图形的效果，get 到了变换相机位置观测图形和变换图形自身是一个反...
2年前
计算机图形学(六): 渲染管线-空间变换(下)
空间变换-下(Spatial Transformation) 书接上文,本章我们继续讲变换,上一章介绍了旋转和反射,这章我们开始介绍剩下几种变换:缩放/平移/错切 缩放 均匀缩放 每一个向量被映射到自身与缩放因子的...
2年前上车WebGL——相机
哈喽大家好啊，我是广州小井。从上两个小节我们已经掌握了立方体的绘制方式，并且我们可以通过一定的手段（旋转）来观察出我们绘制的是一个立方体而不是普通的矩形。那么在这其中，涉及到了一些...
2年前
一文学会TextureID渲染到Surface
最近遇到一个需求，要求将一个GL_TEXTURE_2D类型的纹理ID写入到ImageReader生成的Surface中。 其实这个需求与我之前写过的一篇文章 一文学会MediaCodeC与OpenGL录制mp4视频需求比较接近，只需要...
2年前
渲染路径 – Deferred Texturing
合集 - 渲染路径(3)1.多光源渲染方案 - Light Culling02-212.多光源渲染方案 - Many Lights Sampling03-103.渲染路径 - Deferred Texturing07-11收起 目录Deferred Texturing为什么需要 Deferre...
2年前
曲线艺术编程 coding curves 第十四章 其它曲线（Miscellaneous Curves）
第十四章 其它曲线（Miscellaneous Curves） 原作：Keith Peters www.bit-101.com/blog/2022/1… 译者：池中物王二狗(sheldon) 源码：github: github.com/willian1234… 曲线艺术编程系列 第十...
2年前
前端流程图插件对比选型
前言 前端领域有多种流程库可供选择，包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而，它们在特性、...
2年前
上车WebGL——走进奇妙的3D世界，绘制第一个立方体
哈喽大家好啊，我是广州小井。在学习和铺垫了很多枯燥无味的基础知识后，我们终于要开始接触到 WebGL 神奇的另外一面——三维图形了！于是乎，当我们学成以后，那种炫酷网页上面的 3D 效果对于...
2年前
一文详解Mac搭建Vulkan开发环境
本文为Vukan系列的第二篇文章，上一篇文章对Vulkan进行了简单介绍，并对其与OpenGL的优劣势进行了比较，为应用开发人员在选择图形API方面提供了建议。下边开始本文的主要内容，详细介绍在Mac操...
2年前OpenGL不够用？为何还要开发Vulkan？
相信不少朋友和我一样有这样的疑问既然已经有广泛应用的OpenGL图形接口，为什么Khronos还要花费精力重新开发一套Vulkan图形API接口呢？ 查询相关资料后，总结为一句话为了更高的性能、更低的驱...
2年前
曲线艺术编程 coding curves 第十二章 超级椭圆与超级方程（Superellipses and Superformulas）
第十三章 超级椭圆与超级方程（Superellipses and Superformulas） 原作：Keith Peters www.bit-101.com/blog/2022/1… 译者：池中物王二狗(sheldon) 源码：github: github.com/willian1234… ...
2年前
上车WebGL——图形的复合变换
哈喽大家好啊，我是广州小井。上一小节我们初步用矩阵实战了图形平移，但它的应用远不如此！本文，我们将继续深入矩阵，看看它是如何在复合变换中发光发热的吧～ 因为要更好的学习 WebGL 就需要...
2年前
计算机图形学(四): 渲染管线-光栅化/采样
我正在参加「掘金·启航计划」 从本篇文章开始,我们将正式开启计算机图形学之旅,本系列文章将一步步深入介绍计算机在渲染输出呈现一张图片经历的各种步骤细节以及涉及到的相关其他领域的知识串...
2年前
计算机图形学(三): 线性代数概览(下)
我正在参加「掘金·启航计划」 傅里叶变换(Fourier Transform) 书接上文,我们知道在RnR^nRn空间中我们可以找到一个正交基来构成其基向量,通过之前关于向量空间的介绍我们也知道向量不仅仅是一个...
2年前
计算机图形学(二): 线性代数概览(中)
我正在参加「掘金·启航计划」 本文系原创,转载请注明出处.码字不易,希望大家多多关注,多多点赞! 线性变换 在上一篇文章的开头我们说过,线性代数是研究向量空间和它们之间的线性映射的学科,上一...
2年前
计算机图形学(一): 线性代数概览(上)
我正在参加「掘金·启航计划」 本文系原创,转载请注明出处.码字不易,希望大家多多关注,多多点赞! 开新坑啦,本文是系列文章'计算机图形学'的第一篇: 线性代数概览,之所以第一篇就讲线性代数,是因...
2年前
canvas实战案例-T恤图案编辑器
前言 学习目标 创建T恤图案编辑器 知识点 TransformControler 的应用 canvas 全局合成 canvas 图层控制 DOM和图形组件的数据传递 1-搭建前端静态 1-1-页面结构 T恤图案编辑器的页面结构如下图所...
2年前
canvas封装变换任意图形的组件
前言 学习目标 根据任意图形的变换原理，修改之前变换图案的代码，使其可以变换任意图形 知识点 矩阵变换 1-Object2D 整体代码如下： import { Vector2 } from '../math/Vector2' import { Grou...
2年前