自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(61)
  • 收藏
  • 关注

原创 threejs中变换相关的知识点总结

/ 对当前的几何体应用矩阵变换,所有的点都左乘法矩阵(矩阵是列主序的矩阵, 向量也是列向量, 所以是左乘)// 2. 旋转、平移、缩放方法geometry 不是 Object3D 的子类实例所以不能使用 Object3D 的方法, geometry 也没有 position,rotation, scale等属性, 所以也不能使用 position.set()之类的方法,geometry 的变换都是直接作用在点坐标上的,相当于直接修改了顶点的坐标位置,也就是 position 属性。

2023-12-22 14:20:32 314

原创 three.js建筑灯光秀效果(模拟城市灯光秀)

three.js建筑灯光秀效果(模拟城市灯光秀)

2023-04-03 11:08:59 1613

原创 threejs中使用Reflector实现出倒影效果,并且需要显示镜面下面的内容,镜面的其他地方为透明(例如模仿地板倒影效果)

在项目中遇到要实现地板倒影效果,threejs给我们提供了Reflector,可以轻松完成镜面效果,实现倒影。但背景不透明;只能显示镜面倒影,但镜面下面的地板却无法显示,并且反射出的倒影太亮了;网上没搜到解决方案, 自己修改了下源码实现了想要的效果,做个记录:

2023-04-01 16:06:13 2476 16

原创 threejs中使用UnrealBloomPass实现发光效果,以及解决渲染背景不透明的问题(UnrealBloomPass实现发光效果后设置renderer.setClearColor透明度)

项目中用到了UnrealBloomPass实现发光效果, renderer.setClearColor设置渲染背景透明度无效,这里对解决方法做个记录

2022-07-08 16:12:48 3929 13

原创 threejs中使用Reflector实现出倒影效果,并实现背景透明的效果(Reflector镜面背景透明, 倒影弱化)

在项目中遇到要实现倒影效果,threejs给我们提供了Reflector,可以轻松完成镜面效果,实现倒影。但背景不透明;并且反射出的倒影太亮了;网上没搜到解决方案, 自己修改了下源码实现了想要的效果,做个记录...

2022-07-08 15:42:46 5269 11

原创 vue中引入字体

vue中引入字体

2022-06-30 12:05:49 8998

原创 在vue中使用threejs

记录在vue中使用threejs步骤

2022-06-27 16:41:27 5460

原创 echarts实现环形图,有圆角,环形颜色渐变

最近大屏遇到要用 echarts 实现环形图,带有圆角的环形图,环形颜色渐变

2022-06-27 14:34:54 5996

原创 vue中同时引入echarts5和echarts4

在已有项目上进行二次开发, 遇到了环形图,有渐变,圆角;圆角的属性需要echarts5才支持; 所以需要同时引入echarts5。项目中同时使用echarts5和echarts4

2022-06-27 13:47:05 1252

原创 threejs非全屏下(或者说画布左边和上边与窗口的左边和上边有距离时)物体选中的问题及解决方案

threejs非全屏下(或者说画布左边和上边与窗口的左边和上边有距离时)使过THREE.Raycaster来选中物体时会发生错位的问题。

2022-06-27 12:22:59 1482 2

原创 微信小程序富文本标签rich-text

微信小程序富文本标签rich-text使用教程,图片没有样式的,导致图片会按照原始大小显示,超出界面,文本段落也没有缩进。样式混乱问题处理,做项目过程中,经常遇到需要在小程序中展示用富文本编辑器生成的内容。包含着各种HTML标签和样式。这就需要用到rich-text组件...

2022-06-18 22:07:29 6136

原创 微信小程序实现轮播图swiper

微信小程序实现轮播图swiper

2022-06-18 16:42:45 762

原创 小程序获取手机号和用户信息一键登录

小程序获取手机号和用户信息一键登录

2022-06-18 15:26:29 5606 1

原创 小程序自定义底部导航 custom-tab-bar

在开发小程序过程中,如果你需要根据不同用户角色显示不同底部导航;或者导航样式需要个性化设计。此时就需要用到自定义底部导航 custom-tab-bar

2022-06-18 12:55:20 6316 2

原创 小程序实现分享朋友圈分享好友功能

小程序实现分享朋友圈分享好友功能,onShareAppMessage,onShareTimeline

2022-06-18 12:04:57 728

原创 微信小程序中使用Vant Weapp组件库(保姆式教学)

微信小程序中使用Vant Weapp组件库(保姆式教学)

2022-06-18 08:57:53 1190

原创 vue解决本地开发环境的跨域问题

vue解决本地开发环境的跨域问题

2022-06-18 08:11:32 1358

原创 vue项目中实现元素的滚轮缩放以及拖拽效果

vue项目中实现元素的滚轮缩放以及拖拽效果

2022-06-17 17:05:29 1265

原创 threejs中让场景跟随浏览器窗口大小自适应

threejs中让场景跟随浏览器窗口大小自适应

2022-06-16 18:33:29 1781

原创 threejs添加天空盒

threejs添加天空盒

2022-06-16 18:07:10 1624

原创 使用ThreeBSP库进行Three.js网格组合

使用 ThreeBSP 库里可以进行现有模型的组合,分别是:差集(相减)、并集(组合、相加)、交集(两几何体重合的部分

2022-06-16 17:29:44 683

原创 three.js创建及使用纹理贴图;给立方体六个面设置不同的纹理贴图

three.js创建及使用纹理贴图;给立方体六个面设置不同的纹理贴图

2022-06-16 16:20:26 5096 1

原创 three.js 设置雾化效果(Fog)

three.js 设置雾化效果(Fog)

2022-06-16 15:32:21 3419

原创 threejs使场景中物体产生阴影(并设置阴影分辨率)

threejs使场景中物体产生阴影(并设置阴影分辨率)

2022-06-16 13:33:50 1060

原创 trheejs中常用灯光总结

trheejs中常用灯光总结

2022-06-16 12:07:38 428

原创 搭建第一个threejs三维场景、认识什么是threejs的三要素

threejs中三要素是:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样 东西,才能搭建一个三维场景,将物体渲染到网页中

2022-06-16 10:26:41 1237

原创 threejs点击获取三维坐标(Three.js获取鼠标点击的三维坐标)

threejs点击获取三维坐标(Three.js获取鼠标点击的三维坐标)

2022-06-15 18:56:17 7437

原创 threejs 实现场景漫游效果(相机沿着自定义轨道移动)

threejs 实现场景漫游效果(相机沿着自定义轨道移动)

2022-06-15 18:40:03 8220 103

原创 智慧城市炫酷效果、threejs绘制道路、TubeGeometry实现道路流光效果

智慧城市炫酷效果、threejs绘制道路、TubeGeometry实现道路流光效果

2022-06-15 15:32:30 4394 1

原创 智慧城市炫酷效果、threejs绘制道路、shader实现道路流光效果

智慧城市炫酷效果、threejs绘制道路、shader实现道路流光效果

2022-06-15 14:59:04 6405 2

原创 threejs的转场动画 (基于Tween实现)、平滑切换场景

threejs的转场动画 (基于Tween实现)、平滑切换场景

2022-06-15 13:38:26 4666

原创 threejs中dat.gui的使用详细介绍

threejs中dat.gui的使用详细介绍

2022-06-15 12:25:53 3097

原创 vue中three.js 性能插件stats简单用法

vue中three.js 性能插件stats简单用法

2022-06-14 19:44:51 2667

原创 threejs动画(Animation system)

threejs动画(Animation system)

2022-06-14 18:42:55 3942

原创 maptalks更换底图(自定义底图)

maptalks更换底图(自定义底图)

2022-06-14 17:26:23 1040

原创 怎么让元素垂直水平居中(前端面试题)

怎么让元素垂直水平居中、怎么让一个不定宽高的 div,垂直水平居中(前端面试题)

2022-06-14 16:39:11 105

原创 如何判断空对象(前端面试题)

如何判断空对象,判断对象为空,前端面试题

2022-06-14 16:14:40 272

原创 js深拷贝(深克隆)的方法(前端面试题)

前端面试题 深拷贝的方法、如何实现深拷贝、深克隆的方法

2022-06-14 15:58:00 149

原创 Vue的双向数据绑定原理是什么?(前端面试题)

Vue的双向数据绑定原理

2022-06-14 15:46:34 197

原创 Session和Cookie的区别(js面试题)

前端面试题,说说Cookie和Session的区别,什么是Session和Cookie,说说Session的原理

2022-06-14 15:41:34 454

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除