LogicFlow 插件魔改实录:手把手教你重写动态分组(DynamicGroup)🛠️掘金前端/@橙某人本文分享如何重写LogicFlow的DynamicGroup插件,从数据模型到视图渲染深入改造,打造符合业务需求、交互更丝滑的自定义动态分组功能
高德地图与Three.js结合实现3D大屏可视化掘金前端/@孙_华鹏本文以智慧城市安全管理场景中的巡逻犬管理系统大屏预览功能为例,详细介绍高德地图与Three.js结合实现3D大屏可视化的方法,涉及模型动画系统等实现细节
LogicFlow 交互新体验:告别直连,丝滑贝塞尔轨迹实战!🍫掘金前端/@橙某人/3 天前本文介绍了如何在LogicFlow库中深度定制连线轨迹,用丝滑的贝塞尔轨迹替代直连,极大提升用户交互体验的实战方法。
GSAP + ScrollTrigger 实现滚动驱动动画详解掘金前端/@明月_清风/3 天前文章围绕GSAP结合ScrollTrigger展开,详细介绍如何实现滚动驱动动画,涵盖擦除、固定、视差等复杂效果及水平滚动等场景,适合创意滚动交互开发
图形编辑器:类 Figma 所见即所得文本编辑(2)掘金前端/@前端西瓜哥/3 天前作者前端西瓜哥分享其图形编辑器的文本编辑功能更新,基于之前的canvas所见即所得文本编辑基础上新增功能,文中涉及文本编辑的range更新等实现细节
LogicFlow 交互新体验:让锚点"活"起来,鼠标跟随动效实战!🧲掘金前端/@橙某人/4 天前本文分享了在LogicFlow中实现动态交互锚点(鼠标跟随动效)的实战技巧,详解从渲染逻辑到手动连线处理的全过程,助力打造丝滑的流程图连线体验
lecen:一个更好的开源可视化系统搭建项目--介绍、搭建、访问与基本配置--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人掘金前端/@晴虹/4 天前Lecen是一套开源低代码可视化系统搭建平台,通过可视化设计器实现全低代码配置,支持页面设计、Mock数据配置及版本管理,可降低开发维护成本
Cesium 使用 Turf 实现坐标点移动(偏移)掘金前端/@闲云一鹤/4 天前文章介绍在GIS项目中使用Cesium结合Turf.js实现坐标点偏移的方法,通过统一规则偏移POI坐标满足保密需求,还解释了transformTranslate函数的参数含义,帮助实现地图坐标点移动效果
Three.js:Web 最重要的 3D 渲染引擎的技术综述掘金前端/@AlanHou/4 天前本文是Three.js(Web重要3D渲染引擎)的技术综述,介绍了现代Web对3D视觉体验的需求,并分享了3D渲染的优化措施(如最小化绘制调用、几何体合并、实例化网格等)
前端已死?我用 Trae + Gemini 零代码手搓 3D 塔罗牌,找到了新出路掘金前端/@芋圆ai/5 天前作者以“前端已死”为引子,分享用Trae+Gemini零代码生成3D塔罗牌的经历,复盘从SVG绘制到Supabase部署的全流程,探讨AI接管前后端的实践与新出路
案例+图解带你一文读懂Svg、Canvas、Css、Js动画🔥🔥(4k+字)掘金前端/@Lsx_/7 天前文章深入探讨了前端动画的各种实现方式,包括CSS动画、JavaScript动画、SVG动画等,还讨论了触发动画的方式和动画在用户体验中的最佳实践。
Flutter 勇闯2D像素游戏之路(五):像元气骑士一样的设计随机地牢掘金前端/@_大学牲/7 天前本文是Flutter勇闯2D像素游戏之路系列的第五篇,介绍了关卡加载解耦、地图切换、随机地牢生成与小地图实现的完整实践,通过模块化房间与算法布局生成随机地牢,并以小地图可视化整体结构与角色位置,逐步构建一个可扩展、可反复游玩的地图。
🚴♂️ Vue3 + Three.js 实战:如何写一个“不晕车”的沉浸式骑行播放器 🎥掘金前端/@一颗烂土豆/8 天前作者分享了在开发室内骑行应用时,利用Vue3和Three.js将用户踏频/速度实时映射到全景视频播放进度的经验,还介绍了基于WebGL的帧混合及FBO双缓冲架构等内容。
一个基于 canvas 的 pdf 图片分页切割方法掘金前端/@小林攻城狮/8 天前文章介绍了一个基于canvas的pdf图片分页切割方法,主要应用于导出pdf时图片过长无法在一页内完整导出的情况,包含代码实现和使用示例。
Canvas的未来之AI绘图、生成式视觉与XR掘金前端/@若梦plus/9 天前文章探讨了Canvas技术在AI绘图、生成式视觉与XR方面的发展,指出随着AI大模型的爆发、生成式艺术的兴起、以及XR设备的普及,Canvas不再仅仅是一个2D绘图API。