- 博客(15)
- 收藏
- 关注
RSS订阅原创 Babylon.js 如何调整两个物体的方向使其对视
现在是遇到一个需求，当两个人物靠近的时候要模拟其对视的效果，那么就是涉及方向的计算了，还是先上 pg ：Babylon.js Playground实现的效果 ：
2024-01-15 20:48:41
359
原创 如何使用 Babylon.js 快速实现角色的第三人称控制
很多刚开始接触 3D 可能都研究过怎么实现一个人物的第三人称控制，从刚开始的觉得可能会很难，然后一步一步去摸索最后实现了，或者有人在摸索过程就结束了。等你有一定理解后你会发现其实没那么难，特别是使用 Babylon.js 你会发现就是那么简单的，这边先看下效果，这个是根据目前大部分操作习惯来实现的，只允许8个方向旋转，同时动作切换和方向旋转都增加了缓动，建议到 PG 去体验。
2023-06-29 17:05:59
413
3
原创 Babylon.js 一个专注web端的3D引擎，飞一般的感觉
2011年发布的 WebGL 到今年发布的 WebGPU，Web端的渲染在高速的发展中，做为一个前端你要是错过了 WebRTC， WebGL 千万别错过了 WebGPU，再不卷 3D 就老了一、Babylon是什么？世界上最强大、最漂亮、最简单的 Web 渲染引擎之一。对所有人完全开放和免费。尽可能简单，让每个人都能将他们的想法变为现实。优势：1、基于 typescript 开发，轻量，功能丰富，文档清晰，社区活跃，运营团队热情。
2023-05-27 21:11:16
3634
2
原创 JavaScript 异步编程 Promise，如何终止一个正在进行等待返回的 Promise
前端异步编程通常，是快相当大的内容，异步编程通常能获得更好的性能和更大的灵活性。异步的最大特点是无需一步一步等待，可以多步同时进行。其中 “Promises” 渐渐成为 JavaScript 里很重要的一部分内容，我们目前大部分的功能都是基于 Promise 来实现的，它大大提高了开发效率和交互体验感，是个很好轮子。本人也就是经常使用 Promise 来实现一些功能，也是在开发一些项目的时候针对存在的问题充分分析后发现了 Promise 设计上的一些缺陷，为了解决缺陷也深入研究了一番！
2022-11-04 18:27:31
4531
1
原创 基于 Vue+ Webpack 配合 GitLab CI/CD 自动化部署的实践经验分享
总有前辈们辛苦的去探索新轮子，造福我们这些晚辈哈！最近研究了一个自动化部署的东西，大大造福开发的工程师们，再也不用一直重复的去做繁琐的部署工作了，一步到位，后面就可以好好开发了，把时间放在该花的地方。软件开发的持续方法基于自动执行脚本，以最大程度地减少在开发应用程序时引入错误的机会。从开发新代码到部署新代码，他们几乎不需要人工干预，甚至根本不需要干预。对于前端的同学来说，去探索实现这个还是有点难度的，一般情况下也没太大需要。不过如果你项目达到一定程度，当你无法分身的时候，就试试这个轮子吧！...
2022-08-05 23:07:10
1085
翻译 前端里非常非常好用的时间格式化工具推荐
前端开发的伙伴们肯定常常遇到一个问题，那就是要求对时间的显示格式做处理，而且格式多种多样，常常让你应接不暇，现在推荐一个好用的工具给大家！一、Moment.js介绍
2022-06-08 17:24:29
1499
原创 Javascript 中超好用的一些API，大大提高开发效率，让开发更简单
记录一些好用实用的JS原生接口分享在开发过程中使用到的一些有趣的接口，多次使用后发现大大提高实现某些功能的成本，提高代码的可读性。提示：不定期会更新文章目录记录一些好用实用的JS原生接口1、数组扁平化处理的函数：flat()2、等待多个异步的事件执行结果：Promise.all()3、等待多个异步的事件执行结果：Promise.all()1、数组扁平化处理的函数：flat()先上官方MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/Java
2021-12-03 17:53:35
836
原创 Vue开发过程中常常遇到数据更新没有及时渲染的解决思路
Vue开发过程中常常遇到数据更新没有及时渲染的解决思路文章目录Vue开发过程中常常遇到数据更新没有及时渲染的解决思路前言一、了解下Vue响应式原理二、实现对象和数组响应式1.对于data对象上的对象数据，初始化的时候 property 执行 getter/setter 转化2.对于数组的修改实现响应式3.对于已经声明好的对象，需要临时增加怎么办？总结前言使用Vue开发的过程中，我们常常会遇到数据已经变化了，然而视图上没有任何改变，这时候就很慌，会从各方面去排查问题，这时候可能就会尝试很多解决方案，
2021-08-30 16:37:04
2906
原创 uni-app开发的微信小程序如何分包(解决打包出错问题)
目录前言 一、根据官方文档说明 二、如何配置 1.项目目录 2.开始配置pages.json 总结 扩展前言发现目前网络上对于uni-app的小程序分包详细介绍的文章来说大部分都是存在问题的，没办法打包，就算是打包也不能使用，主要原因还是因为所使用的第三方包版本升级，uni-app的版本升级。通过对官方文档的学习，发现现在的分包无需那么复杂可以简单的实现。提示：以下是本篇文章正文内容，下面案例可供参考一、根据官方文档说明subPackages分包加载配置，此配.
2021-02-26 16:06:07
3649
原创 微信小程序图片保存到相册API有时无法保存无法授权的问题解决
wx.saveImageToPhotosAlbum的使用具体如何使用可以查看官方的文档：官方文档根据文档我们已经正确调用了，也经过测试没问题了，但是就是后面测试的时候发现了有时候有的手机就出问题了，无法弹出授权页面，也没有任何提示，就是保存不成功，这样子的交互是很不友好的，于是开始解决这个问题。分析问题的原因经过大量的真机测试发现了微信小程序中，如果用户在拒绝过授权，下次再请求时是不会再次弹出授权窗口的所以需要先判断授权状态，手动弹出授权提醒。这个时候wx.openSetting往往也是不
2020-12-08 17:18:56
9630
原创 在各大浏览器都不支持自动播放视频的情况下，开发如何应对？
主要背景：桌面版的Safari 2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接google发布的Chrome 66也正式关掉了声音自动播放，到现在基本上所有移动设备都关掉自动播放视频音频的功能。（以后也许会开放）方法尝试：首先对于PC端谷歌浏览器自动播放的可以设置muted属性，没音频轨道的视频就可以播放了，而且视频在视图里面必须要是是可见的，要插入到DOM里面并且不是display: none或者visibility: hidden的，没有滑出可视区域。（只支持在PC，测试有
2020-11-03 11:07:51
5262
原创 使用StackBlur.js做图片背景模糊
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言WEB前端功能越来越强大了，很多时候需要前端去对图片进行简单的处理，比如我遇到的图片背景模糊然后完成图片叠加，经过一番摸索使用StackBlur.js这个js插件完成了需求提示：以下是本篇文章正文内容，下面案例可供参考一、使用StackBlur.js做模糊背景StackBlur.js主要是对图片进行..
2020-10-10 17:52:23
3951
原创 基于pdf.js简单在线pdf文件预览跨域解决方案，兼容性好！
基于pdf.js简单在线pdf文件预览，兼容性好，提供跨域解决方案！ 基于pdf.js的移动端在线pdf文件预览，支持跨域的源码，兼容性强，不受浏览器约束，还可以将pdf转成图片。
2017-09-01 21:41:16
28953
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人