• 版块
  • 最新
  • 标签
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠

Orillusion

1

在线

560

用户

173

主题

461

帖子

关于gltf/glb加载模型时,可以加入加载动画

已定时 已固定 已锁定 已移动 中文社区
加载模型动画
5 帖子 4 发布者 210 浏览
    • 从旧到新
    • 从新到旧
    • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • X 离线
    X 离线
    xdl19880228
    写于 最后由 编辑
    #1

    如题,没找到相关API ,求大神给个思路

    1 条回复 最后回复
    0
  • X 离线
    X 离线
    xdl19880228
    写于 最后由 编辑
    #2

    或者官方在教程中出个例子呗

    1 条回复 最后回复
    0
  • shuangliuS 离线
    shuangliuS 离线
    shuangliu
    写于 最后由 shuangliu 编辑
    #3

    需要怎么样的加载动画?在 web 环境中可以充分利用 css/svg 资源,一般直接利用 gif/svg/css 在页面中加载loading动画,模型加载后隐藏对应元素就行:

    showSomeAnimation() // 显示 gif/svg/css/3d.. 动画
    await Engine3D.res.loadGltf(url) // 等待加载完成
    hideAnimation() // 隐藏动画
    

    当然也可以是引擎中的自定义 3d/粒子/gui 动画等,具体要看项目需求,引擎层面不好给出统一方案

    如果需要更详细的进度条动画,可以通过
    loadGltf(url, option) 添加 progress 进度回调 https://www.orillusion.com/guide/resource/Readme.html#下载进度回调

    showSomeAnimation() // 显示动画
    await Engine3D.res.loadGltf(url, {
        onProgress: (receivedLength:number, contentLength:number, url:string) => {
        // 监听单个下载进度 receivedLength / contentLength
        // 修改对应动画的进度 
        // 对于 gltf 多文件的情况,可以手动维护 url 列表进行总体进度管理
        },
        onComplete: (url:string) => {
        // url对应的文件下载完成
        // 如果是gltf多个文件,可以在这里判断整体下载进度
        },
    }) // 等待加载
    hideAnimation() // 隐藏动画
    
    goodgaG 1 条回复 最后回复
    0
  • goodgaG 离线
    goodgaG 离线
    goodga
    在 中回复了 shuangliu 最后由 编辑
    #4

    @shuangliu 你们真是忙,连这些非引擎端的业务侧都需要考虑👍

    1 条回复 最后回复
    0
  • 我 离线
    我 离线
    我好困
    写于 最后由 编辑
    #5

    @shuangliu 你这个url在react中是怎么得到的?我是用import 导入这个文件错误。使用“await Engine3D.res.loadGltf('./XXXXX.gltf')”,这个方法导入还是错误

    1 条回复 最后回复
    0

Copyright © 2023 Orillusion | Contact US

  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。
  • 第一个帖子
    最后一个帖子
0
  • 版块
  • 最新
  • 标签
  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。