首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏开源服务指南

    DBeaver:强大实用的跨平台数据库工具 | 开源日报 No.71

    pmndrs/react-three-fiber[3] Stars: 24.2k License: MIT picture react-three-fiber 是一个用于 threejs 的 React github.com/dbeaver/dbeaver [2] google/googletest: https://github.com/google/googletest [3] pmndrs/react-three-fiber : https://github.com/pmndrs/react-three-fiber [4] apache/incubator-answer: https://github.com/apache

    1.2K50编辑于 2023-11-02
  • 来自专栏开源服务指南

    轻松构建前端应用:前端开发工具的精髓 | 开源专题 No.54

    pmndrs/react-three-fiber[4] Stars: 24.2k License: MIT picture react-three-fiber 是一个用于 threejs 的 React

    64010编辑于 2023-12-19
  • 使用React-Three-Fiber创建动态图像动画:从3D几何到纹理映射的完整指南

    如何使用React-Three-Fiber创建动态图像动画通过旋转纹理、3D几何体和React Three Fiber驱动的流畅运动,让静态视觉效果焕发生机。

    41510编辑于 2025-09-04
  • 来自专栏数字孪生元宇宙

    Spot CEO:我们为什么选择Babylon.js而不是Three.js

    5、React-three-fiberThree.js 社区的很多动力似乎都针对 react-three-fiber ,这里值得一提。 在 Three.js 之上开发 3D 体验时,React-three-fiber 为开发人员提供了相同的 React 体验。 也有 react-babylonjs,但它似乎没有那么大的吸引力。 我很想知道这在一个非常大的react-three-fiber应用程序中是如何发挥作用的。 然而,作为免责声明,当我们最初评估它时,react-three-fiber 还不够成熟。

    3K30编辑于 2023-05-08
  • 来自专栏前端劝退师

    颜值即正义!这几个库颠覆你对数据交互的想象

    抖音字体爆炸特效:react-three-fiber ? Web和react-native都可用的高性能Threejs for react库。 可以在React外部驱动渲染循环,而不会产生额外开销。 官方文档:https://github.com/react-spring/react-three-fiber 字体爆炸:https://codesandbox.io/s/y3j31r13zz 3.

    2.3K40发布于 2019-12-16
  • 来自专栏前端专享

    如何使用 react 和 three.js 在网站渲染自己的3D模型

    正文开始 在本文中,我将介绍如何在 react 项目中使用 react-three-fiber 创建的一个 3D 软件程序,配置 3D 参数(如 Blender 或 Maya ) 。 选择体型 上传你自己的照片 定制您的外观 下载您的模型 在 React 中渲染模型 为了在 react 程序中渲染这个模型,我们将使用 react-three-fiber** 一个**Threejs

    10.1K10编辑于 2022-03-30
  • 来自专栏数字孪生

    WebGL 开发数字孪生项目

    技术栈选型WebGL 纯生开发成本极高,国内主流项目通常基于成熟的封装框架:Three.js / React-Three-Fiber:生态最广,适合大多数智慧城市、智慧园区场景。

    300编辑于 2026-03-23
  • 来自专栏数字孪生

    WebGL开发数字孪生项目

    核心渲染引擎架构在WebGL项目中,选择合适的场景引擎是项目成败的关键:Three.js / React-Three-Fiber: 适用于工厂、机房、室内建筑等中小型精细化场景。

    12610编辑于 2026-03-19
  • 来自专栏柒八九技术收纳盒

    React-全局状态管理的群魔乱舞

    例如,你可能有一个同时利用 react-dom 和 react-three-fiber 库的应用程序。在这种情况下,React 无法调和两个独立的上下文。 useContext, useState, useEffect } from 'react' import ReactDOM from 'react-dom' import { Canvas } from 'react-three-fiber return <Provider value={rotation}>{children}</Provider> } 上面基本的Context和组件都定义好了,然后我们需要在react-dom和react-three-fiber // 上下文不能通过<Canvas>,所以<Square>不能读取旋转 ReactDOM.render( // React-Dom 维护的组件 <TickProvider> // React-Three-Fiber

    4.5K20编辑于 2022-08-25
  • 来自专栏山行AI

    用GPT-4和ChromaDB与文本文件对话教程

    使用 Flask[12]、Vite[13] 和 react-three-fiber[14] 在 Web 浏览器中托管数据的实时 3D 视图,应该能在 10k+ 文档的情况下有良好的性能。 trychroma.com/ [12] Flask: https://flask.palletsprojects.com/en/2.3.x/ [13] Vite: https://vitejs.dev/ [14] react-three-fiber : https://github.com/pmndrs/react-three-fiber

    3.1K50编辑于 2023-08-10
  • 来自专栏数字孪生

    WebGL与App的集成开发

    例如,在 React 中,可以使用 react-three-fiber 或 react-babylonjs 等声明式库,将 Three.js 或 Babylon.js 的对象作为 React 组件来管理

    57910编辑于 2025-05-23
  • Next.js在智慧零售门店中的IoT数据可视化方案实战(一)

    :基于WebGL的实时渲染看板(Three.js)与业务分析看板(ECharts)1.2 技术栈选型模块技术方案优势前端框架Next.js 14支持SSR/SSG混合渲染三维引擎Three.js + React-Three-Fiber

    54330编辑于 2025-08-01
  • 来自专栏知识分享

    web网站使用three.js来绘制三维图形

    如果你在使用一个前端框架,例如 Vue 或 React,你可以使用相应的库,例如 vue-threejs 或 react-three-fiber 作者这里用的vue3的框架 直接上命令,npm安装或者pnpm

    1.6K10编辑于 2024-08-05
  • 来自专栏数字孪生

    WebGL开发框架的比较

    生态系统丰富: 围绕 Three.js 有大量的插件、工具和辅助库,例如 react-three-fiber(React 上的 Three.js 声明式库)。

    80710编辑于 2025-05-22
  • 来自专栏秋风的笔记

    Rollup作者新作: Svelte Cubed!VR/AR 指日可待?

    Three.js ,使用 Three.js 的生态来写 VR 就已经非常容易了) 最后再列几个在VR/AR 领域比较优秀的框架吧(如果大家对这方面感兴趣),aframe(与 Svelte 异曲同工之妙的声明式),react-three-fiber

    2.6K20发布于 2021-12-02
  • 来自专栏前端食堂

    前端食堂技术周刊第 29 期:StackBlitz 加入字节码联盟、Safari 15.4、ESLint、可折叠设备布局

    好文推荐 下面来看一下好文推荐,本周推荐的好文是: 如何使用 Three.js 和 React 渲染你自己的 3D 模型[14] 在本文中将介绍如何使用 react-three-fiber 在 React

    1.2K10编辑于 2022-04-11
  • 来自专栏code秘密花园

    2022 年的 React 生态

    老实说,这些库我还都没用过,但它们是我在 React 中所熟悉的 AR/VR 库: react-three-fiber:(最流行的3D库,其中也有VR实现)https://github.com/pmndrs /react-three-fiber `react-360:https://facebook.github.io/react-360/ aframe-react:https://github.com/supermedium

    7.1K20编辑于 2022-05-23
  • 来自专栏Web 技术

    用 Lunchbox 在 vue3 中创建一个旋转的 3D 地球竟是如此简单

    你可以把它想象成 Vue 的 react-three-fiber

    1.8K10编辑于 2023-10-07
  • 来自专栏前端达人

    聊一聊 2024 年 React 生态系统

    大部分库仍处于早期阶段(实验阶段),但以下是与 React 相关的 AR/VR 库: react-three-fiber react-360 aframe-react 文档 在编写组件文档时,有许多优秀的

    3.8K10编辑于 2024-01-19
  • 来自专栏柒八九技术收纳盒

    前端框架_React知识点精讲

    useSyncExternalStorehook来解决这个问题 数据的「持久化」 「上下文丢失」问题 这是将多个 react渲染器 混合在一起的应用程序的一个问题 有一个同时利用 react-dom 和 react-three-fiber

    1.8K10编辑于 2022-12-19
领券