react-three-fiber学习记录

资源篇

可下载模型的网址:sketchfab
在这里插入图片描述

工具篇:

  1. 将模型文件自动转换为jsx
    gltfjsx
    gitHub地址:
    https://github.com/pmndrs/gltfjsx
  2. 模型库
    https://github.com/KhronosGroup/glTF-Sample-Models
  3. @react-three/drei
    https://github.com/pmndrs/drei
    react-three/drei 中常用组件 Loader,展示一个loading指数加载过渡场景
    useGLTF 可用来加载模型文件
    在这里插入图片描述
开发中注意:
  1. 使用gltfjsx或者useGLTF时,模型文件必须放在public目录下。
  2. 模型导入时,一般是黑色的。需要添加灯光,常见的灯光有环境光、平行光、点光源。平行光类似于太阳光,可以投射阴影。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值