技术栈
图形学
ObjectX前端实验室
5 小时前
前端
·
canvas
·
图形学
【图形编辑器架构】:编辑器的 Canvas 分层事件系统
发布日期:2025年10月3日 | 预计阅读时间:25 分钟最近在重构编辑器 demo 的时候,我重新梳理了事件层的实现。 在节点层 → 渲染层之后,本篇重点切换到交互事件系统,也就是 Canvas 如何处理复杂交互,如何设计一个类似 Figma 的独立事件架构。
ObjectX前端实验室
1 天前
前端
·
计算机图形学
·
图形学
【图形编辑器架构】节点树与渲染树的双向绑定原理
发布日期 2025年10月2日 | 预计阅读时间:25 分钟最近在准备面试,重写了之前的编辑器demo,重构了节点层,渲染层,事件层,梳理了“节点树与渲染树的绑定机制”。本篇重点讲解数据层到渲染层的映射,也就是如何实现 NodeTree → SkiaNode → CanvasElement 的双向绑定。
ObjectX前端实验室
2 天前
前端
·
计算机图形学
·
图形学
【图形编辑器架构】渲染层篇 — 从 React 到 Canvas 的声明式渲染实现
发布日期 2025年10月1日 | 预计阅读时间:30 分钟 最近在准备面试,重写了之前的编辑器demo,重构了节点层,渲染层,事件层,本篇主要介绍渲染层相关的实现,主要是自定义渲染器react-reconciler对接canvas平台,封装渲染api,对接节点层 & 渲染层
ObjectX前端实验室
2 天前
前端
·
计算机图形学
·
图形学
【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢
发布时间 2025年10月1日 | 阅读预估:8分钟 最近在面试,想要整理下之前做过的内容,便把自己之前写的demo编辑器继续开发了,简单记录一些开发思路
吃饺子不吃馅
4 天前
前端
·
svg
·
图形学
AntV X6图编辑器如何实现切换主题
在现代Web应用中,主题切换已经成为提升用户体验的重要功能。本文将详细介绍如何在基于AntV X6的图编辑器中实现主题切换功能
吃饺子不吃馅
6 天前
前端
·
svg
·
图形学
深感一事无成,还是踏踏实实做点东西吧
三年前端了,回忆起来,好像记不住什么东西,一晃而过,什么都没有留下貌似,老想着探索副业,转型,睡后收入,东搞西搞,也是基本没什么收益
Uzuki
20 天前
目标检测
·
机器学习
·
自动驾驶
·
图形学
目标检测 | 基于Weiler–Atherton算法的IoU求解
交并比(Intersection over Union, IoU) 是计算机视觉领域中常用的一个评价指标,尤其在目标检测与图像分割任务中,用于衡量预测结果与真实标注之间的重合程度。
dzj2021
2 个月前
3d
·
unity
·
游戏引擎
·
渲染
·
图形学
Unity是如何把3D场景显示到屏幕上的——Unity的渲染过程
前段时间在看Shader Graph的时候,发现很多基本概念搞不懂,于是刨了一下Unity的的渲染过程,权当复习计算机图形学了。毕竟奔五的老头了,年事渐高,记性也越发不济,便把学到的东西整理成了这篇笔记。其中若有疏漏或错误之处,还恳请不吝指正。
哈市雪花
3 个月前
qt
·
3d
·
交互
·
相机
·
图形学
·
opengl
·
视角
相机:Camera原理讲解(使用OpenGL+QT开发三维CAD)
相机为三维场景提供了灵活便捷的视角变换和交互能力,通过相机操作可以实现全方位、各角度的场景浏览。怎样在三维场景中引入相机,怎样处理和实现视角的放缩、移动、旋转?在视角旋转时以指定目标为中心又该怎样处理?
程序员爱德华
5 个月前
图形学
·
opengl
计算机图形学中的深度学习
1.最后交一篇报告该课程讲的水分较大。好在要求也不高。任课老师:GY 建议课上自学OpenGLPrerequisites (前置知识)
Uzuki
6 个月前
自动驾驶
·
游戏开发
·
图形学
自动驾驶 | 为CarLA添加一辆小米SU7 Part I
CarLA是一款基于虚幻引擎4(Unreal Engine 4)构建的开源自动驾驶仿真平台,为自动驾驶算法的研发、测试与验证提供高保真的虚拟环境。其核心特性包括:
XZen
6 个月前
图形学
Shadertoy转传统技术实现程序化星球纹理
去年,一位游戏开发人员在 Shadertoy 上连续发布了多个行星渲染器:(作者 ArchaicVirus 是一位夜晚的游戏开发者,白天上班。有兴趣的可以加他discord,在某个shader的评论区。)
李斯维
6 个月前
android
·
canvas
·
图形学
深度解析 Android Matrix 变换(二):组合变换 pre、post
在上一篇文章中,我们讲解了 Canvas 中单个变换的原理和效果,即缩放、旋转和平移。但是单个旋转仅仅是基础,Canvas 变换最重要的是能够随意组合各种变换以实现想要的效果。在这种情况下,就需要了解如何组合变换,以及组合变换背后的矩阵是如何计算出来的。
李斯维
7 个月前
android
·
canvas
·
图形学
深入理解 Android Canvas 变换:缩放、旋转、平移全解析(一)
在 Android 开发中,Canvas 是自定义 View 绘制的核心工具,而 变换(Transformations) 让我们可以灵活地操控图像,创造丰富的视觉效果。这些变换包括 旋转(rotate)、缩放(scale) 还是 平移(translate),合理地使用这些变换不仅可以优化绘制流程,还能减少资源消耗。
Uzuki
7 个月前
vscode
·
游戏开发
·
图形学
·
c/c++
Vulkan环境配置 | vscode+msvc 解决方案
如果作为Windows 11侠的你是一个vscode爱好者,凑巧电脑上还安装有Visual Studio,这个时候你突然想配置一个Vulkan开发环境。作为minimalist的你可不希望在电脑上安装任何额外的组件,那么这篇安装指南一定适合你。
charon8778
8 个月前
图形学
Games202Lecture 6 Real-time Environment Mapping
RTRT(real time ray tracing): path tracing+denoising
白鹭float.
9 个月前
c++
·
图形学
·
opengl
·
assimp
【OpenGL/Assimp】渲染模型、半透明材质与封装光源
从GitHub拉取源码,根据网络教程,借助CMake生成VS工程项目,并用VS将其编译为静态链接库(lib)或动态链接库(dll + lib)。最后将其库文件和工程内的include文件复制到图形工程下。