<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>3D | 锤子前端</title><description>Now vibe coding, so learning hammer FE ?</description><link>https://channel.meo-ai.com</link><item><title>#React #3D  使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画</title><link>https://channel.meo-ai.com/posts/412</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/412</guid><pubDate>Fri, 11 Jul 2025 03:02:59 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23React&quot; title=&quot;#React&quot;&gt;#React&lt;/a&gt; &lt;a href=&quot;/search/result?q=%233D&quot; title=&quot;#3D&quot;&gt;#3D&lt;/a&gt;  使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/&quot;&gt;https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;A deep dive into how we use React Three Fiber and hardware accelerated headless browsers to render CT scan animations server-side.&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Between the Barndoors&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Rendering CT scan animations in the cloud&quot; src=&quot;/static/https://cdn4.telesco.pe/file/ez4mYPqu9mPoIfhnPJ42-bEU1NnMEmLy5A4AX89RB_1rYdEYi7UD8zYbCU40xuCzEDgSsGhkhbks2MBCeF2H574zXQvt1D61DdWMvFkMYKbjC7arL_Zfr7omsfdQB5ZXPnSPDaR2UPC8NwsM_DrX3oqa9KU0vRmvtbZeTBnQkb4iHsfeQM_OIE81m0jqvoj8YCbJHs-crdbW2Uor6cuKGKB8ZHzzV9Hd8qKaOM7bd-Ag5cV2xeAtcn44nGA5O-B7GGwedOT2fdL4XQfjzfQpMgMyci45ZQoteV6lpP74-6bUtlLF86h8sZDK1oyTwnzcxP6joIFW-9SuSfmxXSbz_Q.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;Rendering CT scan animations in the cloud&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;A deep dive into how we use React Three Fiber and hardware accelerated headless browsers to render CT scan animations server-side.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>#React #3D 如何使用 React Three Fiber 创建动态图像动画 </title><link>https://channel.meo-ai.com/posts/411</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/411</guid><pubDate>Fri, 11 Jul 2025 02:58:47 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23React&quot; title=&quot;#React&quot;&gt;#React&lt;/a&gt; &lt;a href=&quot;/search/result?q=%233D&quot; title=&quot;#3D&quot;&gt;#3D&lt;/a&gt; 如何使用 React Three Fiber 创建动态图像动画 &lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/&quot;&gt;https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.&quot;&gt;
  &lt;i class=&quot;link_preview_right_image&quot; style=&quot;background-image:url(&apos;https://cdn4.telesco.pe/file/LvhZUuWigdaHTZenPelAdHOVB03RHCMwRo2Vh6fSEolYwwpD5B-t64NiwWSp3Xz1OJg1Xnx7JRg1rDYD0fkAc7U_xygCVKGKt8SlscEwrbEfmMj7AGLMgk70nIKfJLenbsuAChFH_810sqNEpQk4kPKqbJAzce2EMx1ENQG0J6Bz6v6voMdUnTfCS1RhDhzsfiyFG7pltfsrBO17WgKbYwE9aO41C6QWIjuKyO4PhTXKM5m-tAdM9HzyX1mGsDtSBbia3L-4y3P6g16HEm7X71OMWTt997UGFZ_obLQfYHQtOyPCsxUI5Ktq0lgqwBndmcgxabcj1L3bgtmJX3dhvA.jpg&apos;)&quot;&gt;&lt;/i&gt;
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Codrops&lt;/div&gt;
  
  &lt;div class=&quot;link_preview_title&quot;&gt;How To Create Kinetic Image Animations with React Three Fiber | Codrops&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Bring static visuals to life with rotating textures, &lt;mark class=&quot;highlight&quot;&gt;3D&lt;/mark&gt; geometry, and smooth motion powered by React Three Fiber.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>#AI #3D #文章 #React 结合React Three Fiber、Three.js和Rapier，创建一个基于物理的第三人称角色控制器</title><link>https://channel.meo-ai.com/posts/371</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/371</guid><pubDate>Thu, 29 May 2025 11:44:10 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23AI&quot; title=&quot;#AI&quot;&gt;#AI&lt;/a&gt; &lt;a href=&quot;/search/result?q=%233D&quot; title=&quot;#3D&quot;&gt;#3D&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23%E6%96%87%E7%AB%A0&quot; title=&quot;#文章&quot;&gt;#文章&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23React&quot; title=&quot;#React&quot;&gt;#React&lt;/a&gt; 结合React Three Fiber、Three.js和Rapier，创建一个基于物理的第三人称角色控制器。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/&quot;&gt;https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;A behind-the-scenes look at building a physics-based character controller using AI, React Three Fiber, Three.js, and Rapier.&quot;&gt;
  &lt;i class=&quot;link_preview_right_image&quot; style=&quot;background-image:url(&apos;https://cdn4.telesco.pe/file/psVQRY2BZMnN8vmEKU5NLEVavip7NkasJ5lbxQFKrmkkVtFXN9w6MRk2OfrspyihAmUC1Hc5ccwagbENlHbMfJtcQz4TXYpY1ecJoWF62tWUKP2dxfL5V_8F2tBMclRZPUEEJ_ffIfECaQnGnTqUwlHBhDbU48HUbvdyiDIXPOvg7DkMECVR-Se9x9epSm0e25JWczcoH2qokxoZhqKh0zQqu1GKz_VtCCJFy7mKJahEL60Htz8Qf4fjnVvzf6JL3P_pqsRkdvVc_ljlAj2vkTWN_l7Kcu4CLewTo6SUyaKqPdf1ExjkA8Kv0zHnQWlKHagwN70JLJ81Ep7797oDDQ.jpg&apos;)&quot;&gt;&lt;/i&gt;
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Codrops&lt;/div&gt;
  
  &lt;div class=&quot;link_preview_title&quot;&gt;Building a Physics-Based Character Controller with the Help of AI | Codrops&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;A behind-the-scenes look at building a physics-based character controller using AI, React Three Fiber, Three.js, and Rapier.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>