与「3d动画科普」相关的搜索结果

Edulab Skills新增技能edu-chem-reaction。 可以把一个化学反应直接生成一个可交互的 3D 教学网页： - 分子级动画演示断键、成键全过程 - 原子守恒实时计数，配平方程自动校验 - 能量-反应进程曲线 + 分步讲解 从甲烷燃烧、电解水、氧化还原，到酯化反应机理，都能以微观动画的形式展示，特别适合教学、科普和自学。 底层用 sympy 做配平和守恒校验，Three.js 做分子动画，生成的是一个无需后端、可直接分享的 HTML 页面。 技能库持续更新中……

Web3优质博主第二弹来了~ 今天分享一些小而美的账号，都是些我挂上小铃铛且经常看的账号。涵盖领域：DeFi、稳定币、社区、AI等。 1. 陈小萌 @MengLayer 严格来说，小萌老师应该算是大博主了。她的主要擅长领域是稳定币以及美股。去年我所了解到的几个比较大的稳定币项目，像Plasma、Falcon、USDai，都有深度参与。 今年她的主旋律放在了，美股相关赛道上，主要参与了美股STRC持仓分红，Satrun：STRC上链项目，属于RWA。 另外据她透露，近期会找切入点，如果有机会的话会大力参与Arc、Tempo这两个今年的明星项目。 代表作：Plasma 公售 2. JoeJoe @joejoedefi JoeJoe老师精通Defi类项目，对于自己参与的项目，无不是全身心投入，研究得极其细致，感觉他是那种要么不做，要做就要做到最好的人。这种态度真的蛮值得学习的。对于积分+ Yield类项目研究深刻，尤其是 Pendle，每次Pendle上有上新他参与的项目，必定会自己出一个表格，各类积分分析得一目了然。 Joe哥最近的重心放在了STRC上链项目上，主要仓位在Apyx以及Saturn上。我也是看了他的推才上车Satrun的，看好就努力的cx它们！~ 代表作：USUAL 新人手册 3. Mulight 沐光 @0xMulight 跟光哥相识于Succinct，当时对他的印象是会的东西好多啊，社区画画那都是最基础的，他还会搞3D建模、制作小视频。那会儿中文区为数不多的Prover角色（一个艺术创作角色，超级难拿），他通过自己的专业优势拿到了。 今年他有转战AI 领域，写了很多AI科普教程。大部分都是新手友好的，上手没啥门槛。 然后他近期的目标是把自己的X账号做起来，争取拿到创作者收益，我感觉下个月他就能拿到了。超级努力，web2工作贼忙，每天还花很多时间在web3上。还是那句话：功不唐捐~！ 代表作：Succinct 宣传动画（我觉得蛮专业的） 4. Jealousy 尼卡 @eastweb3eth 我习惯叫他主编，俺们也相识于Succinct，因为他在Succinct搞了个项目日报。我觉得他可以算得上是真正的KOC了，去年我所了解到的几个热门的项目，他都拿到了很不错的收获。例如：Story、Succinct、Boundless、Opinion等。 我感觉他识别优质项目的能力很强，并且总能找到适合自己的切入点，然后快速执行，简直天生的社区玩家。 由于现在行情低迷，最近他的重心也放在了做账号上。他起号的速度也是很快，执行力拉满，总能找到写热门推文的方法。然后他还是体制内的，羡慕麻了~ 代表作：让你的Hermes从机器变成数字生命 5. 辣条味奶糖 @spicycandy00 提到堂姐，我就想到三个字：艺术家。堂姐入圈时间不长，才一年多。但是天生KOC体质，她创作的每一幅画可以说无一例外不是精品。这可能是因为她本身美术专业出身，对于自己的作品有很高的要求，每次都精益求精。 还有她本身也很热爱生活，旅游、主持、手工，这些她都喜欢。热爱生活的人总给人一种满怀希望的感觉，这可能也是她初来web3，但收获也还不错的原因吧。去年她也拿到了很不错的收获：Succinct、Boundless、Falcon等。 最近她的重心依然还是平衡好web2工作+web3创作，这种生活说实话我还是蛮羡慕的。 代表作：GPT IMAGE 2｜可爱贴纸玩法 6. 0x独眼 @0xduyan 没记错的话，是在全真社区认识的独眼老师。他也是一个十分专注的博主。尤其擅长理财、套利。每一个他参与的理财项目，他都写的十分细致，每一步怎么操作，注意事项，都标注得清清楚楚。 这种稳扎稳打的做法其实适合我们大多数人，稳稳的幸福远比疯狂追逐转眼即逝的热点让人安心。 代表作：USD1 极致套利 以上就是我近两年认识到的一些优秀博主，我都给他们点上了小铃铛。大家有什么其他优秀博主的推荐，欢迎评论区告诉我~🫡

今天让Codex帮我做了个有趣的【海底3D科普世界】，顺便加了点动画。 可以自由点击切换 + 拖拽旋转～ 图片用 Image 2 生成，整体氛围还可以～但动画部分还有些瑕疵，继续迭代吧～

wow!有人让Astra用three.js做了一款Catan游戏，完成度高得离谱。 动画、教程、信息卡、AI玩家和交易系统全都有，实际玩起来也很顺。 更有意思的是，Astra会复用之前游戏的UI、3D模型、页面和音效，不需要每次从零开始。 游戏做得越多，下一款可复用的技能和资产就越多。

🔥 Codex 做游戏，现在真的有点离谱了。 我整理了 10 个游戏开发方向的 Agent Skill。 从「生成游戏」到「游戏引擎」，再到「UI、手感、多人联机」，基本把一个游戏开发团队拆成了 10 个专家。 1️⃣ higgsfield-game-generation｜游戏生成 直接让 Codex 构建、迭代和部署可玩的浏览器游戏，还能生成 Sprite、纹理、3D 资产、音乐和音效。 👉 2️⃣ game-engine｜游戏引擎 负责游戏架构、游戏循环、物理、碰撞检测、2D/3D 渲染等。 👉 3️⃣ multiplayer-game｜多人联机 专门处理多人游戏的 matchmaking、实时状态同步、tick loop、玩家连接等。 👉 4️⃣ game-developer｜通用游戏开发 适合让 Codex 按专业游戏开发流程来实现玩法、逻辑和功能。 👉 5️⃣ game-ui-design｜游戏 UI 专门处理游戏菜单、HUD、按钮、状态栏等界面设计。 解决 AI 写出来的游戏： 功能能跑，UI 像程序员半夜赶出来的。💀 👉 6️⃣ game-design-theory｜游戏设计理论 负责玩法循环、玩家体验、关卡、奖励机制等。 核心就是解决： “代码写出来了，但为什么不好玩？” 👉 7️⃣ game-feel｜游戏手感 这个非常值得收藏。 打击反馈、粒子效果、屏幕震动、动画、音效、操作反馈…… 让游戏从： 能玩 → 玩起来爽。 👉 8️⃣ game-ui-ux｜游戏 UI/UX 解决 HUD、菜单、响应式布局、安全区域、键盘/手柄导航等问题。 👉 9️⃣ threejs-game-ui-designer｜Three.js 游戏 UI 如果你想用 Three.js 做 3D 网页游戏，这个很适合。 专门处理 HUD、菜单、Overlay、触控按钮和响应式布局。 👉 🔟 develop-web-game｜网页游戏开发 这个是 OpenAI 官方 Skills 仓库里的 Skill。 它不是单纯让 Codex 写代码，而是让 Codex： 写代码 → 测试 → 截图 → 检查 → 修 Bug → 再测试 形成完整的游戏开发迭代循环。 👉 ⸻ 如果你只是想用 Codex 做小游戏： 🎮 入门 develop-web-game ⚙️ 游戏架构 develop-web-game + game-engine ✨ 想做得更精致 game-feel + game-ui-ux 🌐 Three.js 3D 游戏 threejs-game-ui-designer 🤖 AI 直接生成完整浏览器游戏 higgsfield-game-generation 以前： “Codex，帮我写一个小游戏。” 现在： “Codex，把这几个 Skill 组合起来，给我整个游戏开发团队。” 这才是 Agent Skill 真正有意思的地方。😂 #Codex# #AgentSkill# #AI编程# #VibeCoding# #游戏开发#

我用一句话，让 Codex+Higgsfield 上线了一款能联机玩的武侠游戏！！！ 全球联机，进同一片水墨竹林，轻功跳屋顶、剑气波隔空对轰、连斩有称号播报，手机也能玩。 整个过程我没画一张图、没写一个音符、没租一台服务器： 1、Nano Banana Pro 出水墨剑客概念图 2、Image to 3D 把图直接变成带骨骼的 3D 模型 3、3D Rigging 从动作库套上出剑、轻功、疾风步 4、Sonilo 生成古琴 BGM，Mirelo 出剑气音效 5、代码让 Cursor 里的 Fable 5 写，它自己调 Higgsfield CLI 把这些全串起来 6、最后 higgsfield game deploy 一条命令上线，域名和全球联机服务器全自动，再一条 publish 直接上架 marketplace 以前这件事需要找游戏工作室，美术、作曲、3D建模、动画、全栈开发一个都不能少。 但现在真是门槛无限低啊，想玩什么游戏直接自己做~

推荐 @MengTo 为设计师和开发者们开源的 Skills MengTo 是 @designcodeio 和 创始人，在设计和开发结合方面有非常深的积累，他的分享必须关注起来，这个开源项目把设计指令、工作流、风格系统、抓取与调试经验都沉淀成了「四大类、75 个 Skills」 1. Codex workflows - 10 个 可复用的 Agent 操作流程（抓取、转 prompt、性能剖析、内容生产） video-to-superprompt、stitched-full-page-capture、html-to-interaction-prompts、daily-ui-inspiration-capture、optimize-web-animations、performance-profiling 2. Media - 2 个 按用途/裁切/比例挑选高质量图片素材 aura-asset-images、unsplash-asset-images 3. UI - 1 个 “像设计系统一样写 prompt”的方法论 design-first-ui-prompting 4. Web design - 62 个 落地页结构、动效系统、WebGL/3D、CSS 处理、布局系统、视觉风格 landing-page、pricing-page、gsap、threejs、tailwindcss、animation-on-scroll、globe-gl、cobejs、vantajs、progressive-blur、css-border-gradient、各种 dark/glass/skeuomorphic 风格包 ... 旗舰工作流：从参考视频到一键 HTML 1. video-to-superprompt —— 输入一段参考视频（设计稿/落地页/动画录屏），用 ffprobe+ffmpeg 抽帧，按“故事 / 布局 / 运动 / 视觉 / 技术重建 / 可访问性”六层分析，输出一个长到不看原视频也能重建的 paste-ready prompt，明确点名 GSAP ScrollTrigger、Lenis、Three.js、video.currentTime scrubbing 等具体机制。 2. html-to-interaction-prompts —— 把已有 HTML 页面（如 Aura Build 产物）拆成“单段/单动画/单按钮/单 hover/单 WebGL 效果”的可复用 prompt 文章。 3. stitched-full-page-capture —— 解决 Framer 等懒加载/滚动动画站点 fullPage 截图发白的痛点：滚动预热 → 视口分步截图 → 垂直拼接 → 用拼接图重切 section crop，并写回 manifest。配套 Playwright + ffmpeg 脚本。 4. daily-ui-inspiration-capture —— 把“浏览 + 抓取 + 参考研究 + prompt 生成”组合成每日自动循环，产出 prompt pack。 两个值得细读的 Skill 范式 1. design-first-ui-prompting 给出了一套固定 prompt 骨架：GOAL → FORMAT → LAYOUT → TYPE SYSTEM → COLOR+MATERIAL → IMAGERY → COPY → CONSTRAINTS → NEGATIVE PROMPT，并强调三个关键技巧： · “Variants > rerolls”：先锁定布局+层级+文案，再每次只改一个变量（角度/强调色/卡片排布/背景调子）。 · 2-pass 字体工作流：模型常拼错字时，先无字生成留出文字安全区，再回 Figma 排版。 · Constraints card：用 FONT / STYLE / MODE 三行小面板像 mini style guide 一样锚定输出。 2. landing-page 则示范了一个“设计 + 转化 + SEO”三合一 SOP：先收集页面目的/受众/证据/约束，再给核心结构（首屏 5 要素 → 中段论证 → 底部异议处理），列出 4 种布局选型、6 条高转化策略、headline/CTA 文案模板、逐节迭代顺序、SEO/AEO 清单和常见坑——典型地体现了“Skill = 操作规程”的写法。

做交互做视频时，跟 AI Agent 描述半天动画效果也说不明白？-- 1 分钟认识 13 类常见 Motion 动效名称 “从右边快速滑入，停下时稍微回弹一下……” 为了让 Agent 做出想要的动画，你是否写了很长一段描述，结果它还是理解错了？ 很多时候，不是描述得不够详细，而是缺少双方都能准确理解的动效名称。与其反复解释动画长什么样，不如直接说出它的名字。 这段不到 1 分钟的视频整理并演示了 13 类常见 Motion 动画： 1. 页面与视图切换：Push Slide 2. 元素进入与退出：Staggered Entrance 3. 状态变化：State Morph 4. 操作反馈：Press + Ripple 5. 滚动动画：Scroll-driven Transform 6. 导航动画：Sliding Indicator + Drawer 7. 加载与等待：Spinner + Shimmer 8. 数据变化：Bar Growth 9. 布局重排：FLIP Reorder 10. 手势与物理运动：Drag + Spring 11. 引导与提示：Pulse + Popover 12. 品牌与装饰动画：Orbit + Assemble 13. 3D 与空间运动：3D Card Flip 每个片段都包含醒目的中英文名称和直观示例，帮助你快速理解动画的视觉表现与适用方向。 知道名字之后，你不仅能更快找到参考，也能更准确地向 Agent、设计师或开发者表达需求。少写一大段模糊描述，用一个明确的名称，让所有人更快理解你想要的动画。