计算机图形
关注
分享
扫一扫
很甜的西瓜
技术交流，技术研究。做自己想做的，做好自己想做的.
展开
-
Shadertoy和desmos用来快速图像化辅助计算的好工具
用户可以添加自定义表达式、注释和文本到图表中，以便更好地分析和理解图形。原创 2024-09-12 22:37:18 · 1170 阅读 · 0 评论 -
一个简单的可视化的A星自动寻路
一个简单的应用场景，流程图连线。原创 2023-12-09 19:55:19 · 138 阅读 · 0 评论 -
光栅化之扫描填充三角形
重心坐标比较简单，取最大包围合再计算点是否在三角形内就行，再根据重心坐标返回的alpha,beta,gamma三个权重值计算 uv映射和depth深度缓冲值，因为是求的重心坐标，感觉效果比插值的要好一点。插值计算的话，首先需要逐行扫描填充，按y排序从左到右去填充三角形,再根据a,b,c三个顶点坐标信息来求uv插值和z插值，过程稍微麻烦一点，但性能明显好一点，纹理不是采用的就近原则，是用的双线线插值计算,所以也耗了一点性能，加载的模型文件效果还是显示出来了,原创 2023-08-19 20:56:20 · 332 阅读 · 0 评论 -
canvas图形等距、间距测量
首先定义画线（实线、虚线）、画面（矩形块）、值（距离）等渲染数据结构（渲染数据只提供坐标信息和一些基本样式属性，不需要依赖渲染是dom，还是canvas或webgl） 侦测数据，取每个图形的包盒信息，再根据包盒信息抽象成方向（left top right bottom middle center）。这样在计算时，可以不需要通过if来判断了，直接对比相同的方向数值是否在区间内（吸附距离） 吸附（吸附完，选中目标的位置有可能发生变动，需要更新选中目标） 侦测行为：拖动时，按alt时，resize时等原创 2023-06-28 21:20:47 · 552 阅读 · 1 评论 -
window10环境构建和运行skia源码
skia、graphics、2d、webgl、c++、 c、计算机图形原创 2022-08-21 13:31:29 · 1004 阅读 · 0 评论 -
threejs限制物体在一个球形上面移动
目录效果：代码：约束：只能在球形表面上面移动，不能移开， 棒棒糖的角度要与球面的法向线一样垂直效果：代码：addExample("限制在球形上面移动", function () { let { toRaw, ref, unref, provide, inject, getCurrentInstance, reactive, shallowReactive, computed, watchEffect, watch, on...原创 2022-02-28 11:37:32 · 950 阅读 · 0 评论 -
通过ImageData实现线性渐变
https://codesandbox.io这个网站可以提供了一个多场景的在线编辑，可以快速的创建更种环境进行编写代码。常见的vue、react、node express parcel nextjs都有，大家如果自己去写一些es6 es7的语法，写自己的库都可以在上面写，写好后自己打个包，就可以了，可以在上面搭很多环境。...原创 2022-02-28 11:30:02 · 352 阅读 · 0 评论 -
开发图形编辑器
一般开发这种需求，首先要了解几个概念性的东西，才能更好的熟练使用这些框架。节点 (就是每个图形),有矩形、图形，或者自义定图形,像jsplumb它是通过svg和dom结合渲染端点 （图形上面的锚点）一般情况都固定图形的上下左右连接线 (从起始端点连接到结束端点的线).线有很多种、直线、贝塞尔、折线.另外还有一些其它图形方面可能用到的图形渲染框架.g6、jsplumb、fabric、...原创 2019-11-29 16:00:01 · 1045 阅读 · 0 评论 -
让你快速了解threejs的一些操作的demo代码
里面部分代码来自webgl教程<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script sr...原创 2019-08-06 10:55:17 · 3322 阅读 · 0 评论 -
让你快速了解cavans翻转、矩阵、矢量一些操作的demo代码
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script s...原创 2019-08-06 10:31:09 · 189 阅读 · 0 评论 -
利用d3完成计算机各种扫描画线算法，直线相交
中点画圆,bresenham 直线 ，bresenham 多边形填充，dda算法,直线相交<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...原创 2019-07-11 19:54:13 · 790 阅读 · 0 评论