成雨工坊

以代码为刻刀,用像素编织温度

最新文章

「抖音」直播在线1万+竟如此简单,通过Electron搭建直播间

「抖音」直播在线1万+竟如此简单,通过Electron搭建直播间

小事化巨变,止于尝试始 抖音直播间在线人数突破10000+,原来可以如此简单 最近通过Electron开发了一个小工具,可以实时监控抖音用户粉丝人数变化!我做了一个小试验,在直播间通过这个工具监控"董宇辉"粉丝数数增量,结果几分钟时间直播间就突破了1万+,不得不感叹董宇辉丈母娘们力量强大。 我主要是通过Electron结合抖音网页版用户详情页开发了这个工具,它可以定时获取指定用户的粉丝数并实时显示在界面上。我在直播间通过屏幕分享这个实时在线人数增量的界面,一边和观众互动聊天,一边观察在线人数变化。大家看到在线人数持续增长都很兴奋,纷纷点赞、分享、观看,在线人数增速越来越快,很快就突破了1万大关。 通过这个实验,我发现,只要内容有吸引力,加上数据变化的即时反馈刺激,可以产生很强的爆发效应。我认为这种技术手段虽有些“作弊嫌疑”,但对内容创作者而言也具有很强的指导意义。数据和互动是内容时代的关键,通过数字化手段优化内容传播效果,也是一种创新的尝试。 话不多说上代码: 抓取粉丝数量 export async function dyh() { // 1. 获取用户信息 c

作者 Fate Rain
「地图」高德JS API地图POI信息层级设置

「地图」高德JS API地图POI信息层级设置

遇到一个关于“修改高德地图POI信息层级”的问题,分享给大家 解决方案 1. 首先POI信息其实是一个AMap.LabelsLayer图层 2. 通过amap.getLayers()获取所有图层,从中找到POI图层,使用AMap.LabelsLayer提供的setzIndex()方法设置层级即可 3. 经过尝试POI图层设置层级大于110,POI文字信息就能覆盖在polyline之上了 效果图 ❤点点关注,点点赞❤ ...End...

作者 Fate Rain
「threejs」滚动效果该如何实现?

「threejs」滚动效果该如何实现?

前因 某一天我在刷抖音时,看到一个UI设计师分享了一个好看的网页滚动动效设计。那种飘逸流畅的动画效果立刻抓住了我的眼球,我脑海里立刻开始想象用代码如何实现这个效果。 于是我把设计师的视频保存下来研究,反复琢磨每个动画细节需要哪些技术来配合。随后我开工码代码,一个个函数、一个个模块地构建起这个动效。在磨合调试的过程中,我时而眉头紧锁,时而按捺不住兴奋的心情。 经常关注优秀的设计作品,尝试用代码实现,这样不仅可以增强自己的编程能力,也可以从中获取乐趣。这种从设计到编码的过程,就像一个创造的闭环。 很高兴可以通过编程让虚拟的代码世界连接起这个美好的现实世界。 设计相关(Figma+dora) 感谢“设计师Cc”提供的稿子 * Figma * Dora: 无代码3D动画 戳这里。对Dora工具有大致了解后,已经大致实现思路,想用代码实现的关键是:滚动 + 关键帧动画 预览 源码🚀 codesandbox 实现 技术选型 3d模型展示: 1. @react-three/fiber: 流行的threejs React 封装 2. @react-thre

作者 Fate Rain
滇公网安备53012902000069号
滇ICP备20005454号-2