发布了 6 篇内容
共 47396字， 被阅读 5919次
获得了 13 次赞同
获得了 7次喜欢， 获得了 6 次收藏
参与了 2 次互动
互动包含发布评论、点赞评论、参与投票等
Three.js 进阶之旅：全景漫游 - 高阶版在线看房 🏡
本文使用 Three.js 实现一个可以应用到实际项目中的 3D 在线看房案例。通过阅读本文和实践案例，你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、随着空间一直和角度实时变化的房源小地图、在全景场景中添加如地面指引、空间物体展
04-10
1428
Three.js 进阶之旅：全景漫游 - 初阶移动相机版
3D 全景技术可以实现日常生活中的很多功能需求，比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十分方便的，本文将介绍如何一步步优雅实现在多个 3D 全景中穿梭漫游
03-28
60
Three.js 进阶之旅：物理效果 -3D 乒乓球小游戏 🏓
本文将使用技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及它的相关生态、使用 React Three Fiber 搭建基础三维场景...
03-20
39
Three.js 进阶之旅：物理效果 - 碰撞和声音 💥
本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。
02-15
4244
使用 CSS 实现多种 Noise 噪点效果
在前端开发过程中，我们也有可能遇到噪点插画风格的设计稿，应用基础的前端开发知识，能不能实现噪点风格的样式呢，本文主要内容主要就是通过几个示例来实现几种噪点效果。本文包含的知识点包括：CSS 属性 mask 遮罩、SVG 滤镜 feTurbulence、CSS 属性 filter
2022-08-10
52
使用前端技术实现静态图片局部流动效果
如果你有玩过《王者荣耀》、《阴阳师》 等手游，一定注意到它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，本文使用前端开发技术，结合 SVG 和 CSS 来实现类似的液化流动效果。知识点主要包括：mask-image、feTurbulence
2022-08-03
96
