摘要:
Three.js 自定义创建点,线,面,Geometry 概述顶点使用顶点来创建面面使用顶点颜色渲染面使用面颜色渲染面添加法线自定义UV贴图 概述 此章将介绍如何自定义创建点,线,面,Geometry,法线,UV坐标,顶点颜色。 任何一个模型都是由一个一个顶点来组成的,然后由顶点来组成线和面来生成的 阅读全文
摘要:
Three.js 后期处理-通过扫描线和失真模拟电视屏幕-FilmPass-相机分层渲染 概述步骤 概述 本文介绍如何使用three.js的后期处理来制作通过扫描线和失真模拟电视屏幕,先来看效果图 注意: **camera的默认layers层次为0 此处有三个大坑 renderer.autoClea 阅读全文
摘要:
Three.js 后期处理-高亮虚幻效果-UnrealBloomPass-相机分层渲染 概述步骤 概述 本文介绍如何使用three.js的后期处理来制作处高亮虚幻效果,先来看效果图 步骤 注意: camera的默认layers层次为0 此处有三个大坑 renderer.autoClear = fal 阅读全文
摘要:
高德地图3D轨迹回放 + 视野跟随功能 概述代码实现步骤完整代码 (需要添加一个2.0的key) 概述 若有帮助到你,麻烦点一波关注,博主会持续推出Echarts,D3,地图,Three.js方面的文章~~~ 注意:高德地图必须使用2.0版本 实现功能点: 加载高德3D地图实现轨迹回放功能实现视野跟 阅读全文
摘要:
vue+高德地图信息窗体如何实现点击事件 概述代码 概述 若有帮助到你,麻烦点一波关注,博主会持续推出Echarts,D3,地图,Three.js方面的文章~~~ 在高德地图中,使用infoWindow来创建信息窗体,如果是原生的html+css,可以很方便的实现信息窗体的绑定事件,直接在需要交互的 阅读全文
摘要:
Three.js 使用UV贴图制作地面 概述原理 概述 若有帮助到你,麻烦点一波关注,博主会持续推出Echarts,D3,地图,Three.js方面的文章~~~ 在Three.js中使用UV纹理重复创建一个带有+号的地面。 原理 加载图片texture的一个类 let textureLoader = 阅读全文
摘要:
Three.js加载模型自动居中 Three.js加载模型自动居中概述效果演示解决方案 Three.js加载模型自动居中 概述 若有帮助到你,麻烦点一波关注,博主会持续推出Echarts,D3,地图,Three.js方面的文章~~~ 有时会出现这样得场景,在加载模型成功后,在场景中很难找到模型具体加 阅读全文