图形学
31篇文章 · 0订阅
  • three 高性能镜头编辑器
    这次就来实现一个高性能镜头编辑器，能方便地编辑镜头轨迹并导出数据。移动端 gif 有卡顿，建议用电脑浏览，内容较多，建议点赞收藏方便查找~
    three.js 前端 数据可视化
    three 高性能镜头编辑器
  • 在Cesium上实现视频投射
    视频投射，在地理信息系统（GIS）中，视频融合通常指的地理空间数据与视频数据结合起来进行分析、可视化或展示的过程，这个过程可以用于多种目的，例如监视、安全、环境监测等
    前端
    在Cesium上实现视频投射
  • 在高德地图上实现建筑模型动态单体化
    城市3D模型图层在Web GIS平台中能够对地面物体进行单独选中、查询、空间分析等操作，是属于比较普遍的功能需求。接下来我们通过一个简单的例子来演示该方案的整体实现过程
    前端
    在高德地图上实现建筑模型动态单体化
  • 一起来搞一个3D低代码编辑器吧
    编辑器仓库地址 应用 在3D低代码编辑器中线有哪些应用呢？我们接下来的例子为实现以下案例 绘制墙体 绘制公里 种植树木、草坪 知识储备 threejs线扫盲 直线 在threejs中所有的物体都是由几
    前端 低代码 three.js
  • 原来科技感的三维地图可以这么简单实现
    下午摸鱼时接到一个客户的项目的需求，上来就要求“炫酷”和“科技感” 的数字孪生地图，还要把他们的模型都放上去，起初我以为又是一个可视化大屏的项目，准备用高德地图应付过去，然后他们又在群里
    前端 WebGL 科幻
    原来科技感的三维地图可以这么简单实现
  • 在高德地图实现自动巡航
    在高德地图上实现仿照自动驾驶导航界面的自动巡航效果，相对于场景BIM建模，这是一个较低成本的解决方案。
    JavaScript
    在高德地图实现自动巡航
  • 记一次CSS3和SVG实现箭头拐弯动画
    这不最近我司的设计师又给笔者整活了，在数据大屏页面的中间位置，做了一个效果图，不过需要做一个箭头沿着路径实现拐弯的动画效果；这可咋整呢，本文就结合CSS3的特性和svg，看一下实现的思路。
    前端 SVG
    记一次CSS3和SVG实现箭头拐弯动画
  • Three.js实现一个3D模型可视化编辑系统
    基于Three.js+Vue3的3d模块可视化编辑器系统，其主要目的是尽可能更多的将three.js提供的API结合在实际的项目中去使用，作为自己个人学习three.js的记录，也供大家学习和参考
    three.js 前端
    Three.js实现一个3D模型可视化编辑系统
  • Three.js 进阶之旅：Shader着色器基础图案-旷野之息神庙铁球 🔮
    本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。
    three.js JavaScript 计算机图形学
    Three.js 进阶之旅：Shader着色器基础图案-旷野之息神庙铁球 🔮
  • WebGL之物体选择
    使用WebGL将图形绘制到画布后，如何与外部进行交互？这其中最关键的就是如何实现物体的选择。比如鼠标点击后判断是否选中了某个图形或图形的某个部分。 可以说这是个非常容易实现的方案，不过要为每个物体分别设置不同的区分颜色却是个隐患，同时也不够友好。 这是使用最广泛也最精确的一种方…
    WebGL