joken-前端工程师

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::
  404 随笔 :: 39 文章 :: 8 评论 :: 20万 阅读

2025年3月4日

摘要: 在 Three.js 中,可以通过监听键盘事件(上下左右键)来控制一个 Mesh 的移动。以下是一个完整的示例,展示如何实现通过方向盘(上下左右键)控制一个人的 Mesh 在场景中走动。 结论 通过监听键盘事件(keydown 和 keyup),记录按键状态,并结合时间差更新 Mesh 的位置,可以 阅读全文
posted @ 2025-03-04 22:13 joken1310 阅读(16) 评论(0) 推荐(0) 编辑

摘要: 在 Three.js 中,动画的播放通常通过 THREE.AnimationMixer 和 THREE.AnimationAction 来管理。如果你想检测动画是否播放结束,可以通过监听 AnimationAction 的事件或检查其状态来实现。 结论 可以通过 AnimationAction 的 阅读全文
posted @ 2025-03-04 22:09 joken1310 阅读(13) 评论(0) 推荐(0) 编辑

摘要: THREE.GLTFExporter 是 Three.js 提供的一个工具类,用于将场景或模型导出为 GLTF 或 GLB 格式。GLTF(GL Transmission Format)是一种高效的 3D 文件格式,广泛用于 Web、游戏和增强现实等领域。以下是关于 GLTFExporter 的详细 阅读全文
posted @ 2025-03-04 22:07 joken1310 阅读(14) 评论(0) 推荐(0) 编辑

摘要: 效果 https://threejs.org/examples/#webgl_interactive_cubes 代码地址 https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_cubes.html 以下是 阅读全文
posted @ 2025-03-04 21:48 joken1310 阅读(11) 评论(0) 推荐(0) 编辑

摘要: 案例 案例代码地址: https://github.com/mrdoob/three.js/blob/master/examples/webgl_geometry_teapot.html#L133 案例效果地址: https://threejs.org/examples/#webgl_geometr 阅读全文
posted @ 2025-03-04 21:34 joken1310 阅读(8) 评论(0) 推荐(0) 编辑

摘要: 基本使用方式 lil-gui 是一个轻量级的 JavaScript GUI 库,专门用于创建简单的调试面板或参数调整界面。它非常适合在开发过程中用来快速测试和调整参数,尤其是在图形编程(如 three.js)中非常常见。 1. lil-gui 的功能 lil-gui 提供了一个简单的界面,允许用户通 阅读全文
posted @ 2025-03-04 21:28 joken1310 阅读(13) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示