https://blog.qife122.com/tags/%E7%B2%92%E5%AD%90%E7%B3%BB%E7%BB%9F/ Recent content in 粒子系统 on 办公AI智能小助手 Hugo zh-cn qife Sat, 18 Oct 2025 11:50:35 +0800 https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E4%BD%BF%E7%94%A8rapier%E4%B8%8Ethree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E5%AE%9E%E9%AA%8C/ Sat, 18 Oct 2025 11:50:35 +0800 https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E4%BD%BF%E7%94%A8rapier%E4%B8%8Ethree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E5%AE%9E%E9%AA%8C/ <h1 id="技术方法与工具">技术方法与工具</h1> <p>由于这是一个简单的单页静态网站，无需后端支持，我们使用了基于Astro与Vite和Three.js的内部样板文件。对于物理效果，我们选择了Rapier，因为它能高效处理碰撞检测，并且与Three.js兼容。这是我们的主要需求，因为我们不需要模拟或软体计算。</p> https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E5%AE%9E%E9%AA%8C%E4%BD%BF%E7%94%A8rapier%E4%B8%8Ethree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E7%B3%BB%E7%BB%9F/ Fri, 17 Oct 2025 11:55:54 +0800 https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E5%AE%9E%E9%AA%8C%E4%BD%BF%E7%94%A8rapier%E4%B8%8Ethree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E7%B3%BB%E7%BB%9F/ <h1 id="细胞碰撞实验使用rapier与threejs打造有机粒子系统">细胞碰撞实验：使用Rapier与Three.js打造有机粒子系统</h1> <h2 id="概念起源">概念起源</h2> <p>每个项目都始于好奇的火花。这个项目的核心灵感来自于探索粒子模拟技术，特别是观看使用Cinema 4D的xParticles插件创建细胞状粒子的教程后。团队经常从3D动态设计技术中汲取灵感，工作室里经常出现这样的问题：&ldquo;如果这能变成交互式的，不是很酷吗？&ldquo;这就是创意的诞生。</p> https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E4%BD%BF%E7%94%A8rapier%E5%92%8Cthree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E5%AE%9E%E9%AA%8C/ Mon, 29 Sep 2025 06:01:17 +0800 https://blog.qife122.com/p/%E7%BB%86%E8%83%9E%E7%A2%B0%E6%92%9E%E4%BD%BF%E7%94%A8rapier%E5%92%8Cthree.js%E6%89%93%E9%80%A0%E6%9C%89%E6%9C%BA%E7%B2%92%E5%AD%90%E5%AE%9E%E9%AA%8C/ <h2 id="概念起源">概念起源</h2> <p>每个项目都始于好奇心的火花。这个项目的灵感来源于探索网页之外的技术，并想象它们如何转化为交互体验。具体来说，灵感来自于对粒子模拟的深入研究。</p>