aichitudousien

摘要： three.js 创建文本的几种方式 概述精灵贴图文本平面贴图文本CSS2DRendererCSS3DRenderer总结 概述 这篇文字总结了常用的创建文本的几种方式。 首先写一个html .text { width: 128px; height: 128px; font-size: 16px; 阅读全文

摘要： canvas做为纹理贴图需要注意的点 概述代码 概述 在使用three.js开发的过程中，我们常常使用canvas来作为纹理贴图。但最后的效果总会被压缩或者模糊，这是由于什么原因造成的呢，这篇文章我们就来实际测试一下 代码 首先我们先创建一个canvas,宽高为1024，512 let canvas 阅读全文

摘要： three.js 实战 关于obj模型加载后坐标全部为（0， 0， 0）的解决方案 概述测试obj模型测试gltf模型 概述 相信大家在加载obj模型的时候都遇到过这种类似的问题。本来我的模型的坐标是不在原点(0, 0, 0)的，为什么在控制台中打印出来的模型坐标都是(0, 0, 0)呢，针对这个问 阅读全文

摘要： three.js 楼层加载动画 概述创建场景创建天空创建水面创建模型开启模型动画栅栏动画 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 源码获取：https:// 阅读全文

摘要： Three.js实战项目 图片处理系统 概述灰度图更改rgba单色效果反转效果 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 源码获取： https://item 阅读全文

摘要： Three.js实战项目 模型拆解项目 概述初始化场景，相机，灯光，天空盒拆解模型原理拆解模型合并模型模型文本鼠标移动时更新文本 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236 阅读全文

摘要： three.js特效 道路流光扩散波模拟模型加载动画楼层加载动画扫光模拟护盾模拟上升光带模拟线框模型热力特效箭头uv动画菲涅尔反射建筑物流光纹理流动水系雷达雨夜天空 道路流光 扩散波 模拟模型加载动画 楼层加载动画 扫光 模拟护盾 模拟上升光带 模拟线框模型 热力特效 箭头uv动画 菲涅尔反射 建筑 阅读全文

摘要： Three.js实战项目 商场漫游 概述创建场景创建天空创建水面创建模型室内漫游 概述 如有不明白的可以加QQ：2354528292；wx: aichitudousien 更多教学视频请访问：https://space.bilibili.com/236087412 源码获取： https://ite 阅读全文

摘要： 高德地图+echarts 大屏项目 概述初始化地图创建马拉松路线 概述 开发了一个高德地图视角实时更新的项目demo，先看视频效果 高德地图+echarts 马拉松大屏项目 初始化地图 创建一个初始化地图的类ZMap, 写入initMap方法加载地图 initMap(option) { let co 阅读全文

摘要： 使用shader画直线，正弦波，余弦波 概述绘制直线绘制正弦波 概述 学习一下如何使用shader画直线，正弦波，余弦波，先上代码 绘制直线 let shader = { vs: ` varying vec2 v_uv; void main() { v_uv = uv; gl_Position = 阅读全文