React-three.js-App_three.js能在app上运行资源-CSDN文库

共15个文件

js：5个

md：2个

json：2个

JavaScript

需积分: 9 146 浏览量 2021-05-15 00:17:34 上传评论收藏 81KB ZIP 举报

资源推荐

资源详情

资源评论

AR-Shooter-FrontEnd:Space Cowboy是一个React Native应用程序，结合了增强现实技术以及用于3d图形和插槽的three.js，可为用户提供无缝，逼真的激光标签体验

太空牛仔 AR激光标签播放器1（iPhone 6S）播放器2（iPhone X）游戏机制太空牛仔被设计为增强现实的多重玩家激光标签。玩家可以创建单独的房间，并在所有玩家准备就绪后开始游戏。在游戏阶段，每个玩家的生命值从100点开始。每次标记对手时，它们会损失10HP，当生命值变为0时，您将失去。您可以通过抓住游戏内的心来获得更多的健康。当所有对手都淘汰时，您将获胜。建筑学

react-reconciler-three:功能有限的Three.js主机渲染器，用于React（使用react-reconciler）

import React from "react" ; import ReactTHREE from "./ReactTHREE" ; import App from "./App" ; ReactTHREE . render ( < App> , document . getElementById ( "root" ) ) ; ReactTHREE是一个自定义渲染react 。

react-three-legacy-react-three-legacy：React绑定以使用three.js创建和控制3D场景

React三遗产使用创建/控制画布。要使用React使用WebGL绘制2D，请尝试。此React三不推荐使用为了满足您的React 3D需求，此旧版软件包已被另一个软件包（react-three-fiber）取代，该软件包已在npm上替换了旧的react-three三软件包。我强烈建议您更新代码以使用react-three-fiber-fiber。如果没有，您仍然可以通过githu

AR-Test-2:在 React 中使用three.js 实现使用AR.js

AR-Test-2 React 中使用实现使用如何运行这个项目？ git clone https://github.com/denisstasyev/AR-Test-2.git cd AR-Test-2 node testServer.js npm start或sudo npm start 在浏览器中访问http://localhost:3000并查看我的工作结果 :grinning

react-three-a11y:React辅助工具，用于React三纤

@ react-three / a11ynpm install @react-three/... import { Canvas } from 'react-three-fiber'import { A11yAnnouncer } from '@react-three/a11y'function App ( ) { return ( < > < Canvas> < A

expo-three:在Expo上使用THREE.js的实用程序

欢迎来到Expo＆Three.JS :waving_... 您可以使用以下方法进行引导： npx create-react-native-app -t with-react-three-fiber安装在expo-three@5.0.0 Three.js是对等依赖项yarn add three expo-three expo-gl用法将库导

cljs-react-three-fiber:ClojureScript port-react-fiber-fibers的三个示例

这个示例应用是对的重写工作正在进行中这个项目是我花时间学习一些现代JS知识和最新的CLJS工具的一个很好的借口：初始设置git clone ...cljs watch app 然后：等待编译完成访问位于开发服务器发布工作流程yarn ...

react-AR-experiments:各种实验，测试，带有React，Three.js，THREEAR.js和其他AR库的样板

您可以找到一个一个简单的示例，以显示THREEAR库在React.js中的运行情况。这是使用两个库启动项目的基本设置。该项目是通过引导的。还有一个基本在此讨论的带有ES6和React的AR.js 这是一个正在开发的AR.js...

React_and_three.js:结合使用three.js和React将3D模型导入ReactRedux网站

React和three.js 尝试使用three.js将Tāwhirimātea的3D模型放到我们的React和Redux网站中。有多种方法可以将Three.js放入React。在这里，我使用了React 3渲染器助手。它很有效，我在网站上获得了3D立方体渲染。我陷入tryign以获得3D .fbx文件而不是多维数据集的渲染，并获取背景进行加载。我认为我需要对3个本身有更好的了解，

react-three-renderer：使用React渲染成Three.js画布

React三个渲染器 PSA：这个项目几乎被冻结了，react-three-renderer-fiber项目一直在以冰河速度前进。如果您想为React +三桥生态系统做出贡献，请看一下如何为更活跃的项目提供帮助。返回常规自述文件使用渲染成画布。你想知道更多吗？或直接转到。。当前状态这仍然是一个实验性的，尚在进行中的项目，使用风险自负！当前支持的react版本： 15.5

react-three-fiber-纤维：Three Three.js的React渲染器（Web和react-native）

React三根纤维 react-three-fiber是针对Web上的threejs和react-native的React。 npm install three react-three-fiber 这些演示是真实的，您可以单击它们！它们也包含完整的代码。为什么？使用可重用的组件以声明方式构建动态场景图，使Threejs的处理变得更加轻松，并使代码库更加整洁。这些组件对状态变化做出R

react-three-fiber-playground:React + three.js的游乐场

该存储库是带有React和Three.js的游乐场

投资组合：:briefcase:我的投资组合网站是使用React和three.js构建的

作品集展示一些项目的个人作品集。查看或查看的实时版本。安装并运行确保已安装nodejs和yarn。安装依赖项： yarn 完成后，使用以下命令启动本地服务器： yarn start 要查看组件和故事书： yarn storybook 要运行测试： yarn test

React-JS-Three-JS-Boilerplate:React JS + ThreeJS 项目的简单样板（带有 CRA 模板）

React JS + 三个 JS 样板我第一次尝试在 React 项目上运行三个 JS 场景时遇到了一些问题，直到我最终掌握了它，我希望这篇文章和存储库能够为一些开发人员节省几个宝贵的时间。你可以克隆我的样板并从那里开始工作...

react-msdf-text:使用React和React-Triple-Fiber使用多通道带符号距离字段文本字体在WebGL中显示文本

该项目大量借鉴了关于Three.js中MSDF文本安装 npm install --save react-msdf-text 用法 import React , { Suspense } from 'react' import { Canvas } from 'react-three-fiber' import { Text } from 'react-...

【JavaScript源代码】使用 React 和 Threejs 创建一个VR全景项目的过程详解.docx

使用 React 和 Threejs 创建一个VR全景项目的过程详解　最近我在学习使用 React 配合 Three.js 来搭建一个可以浏览720全景图片的项目实现的是加载一张 2:1 的720全景分享一下我的创建过程　一、搭建框架并安装...

3d-animation:React，Three.js，物理引擎

使用React，Three.js，物理引擎制作的3D网络动画使用React，Three.js和物理引擎制作的3D网络动画。 3D片段根据物理引擎的重力移动，并且可以拖动。用create-react-app制作。科技类堆栈：CSS，JavaScript，Three...

plant-fiber-ui:3D UI组件，可与react-fiber-fiber-fiber一起使用。包括WebXR支持和Typescript驱动的文档

其目标是像React threejs的Bootstrap一样。开放供稿和功能要求。在早期发展文件网站：：演示站点： : 小故障游乐场： ://glitch.com/edit/#!/plant-fiber-ui安装npm install plant-fiber-ui react react-dom ...

react-three-fiber-game:使用React，Three.js和Fiber构建一个小游戏

Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。

minecraft-character-configurator:使用React，Three.js和react-three 3或react-three-renderer的简单Minecraft角色配置器

我的世界角色配置器配置器有3种版本：一种是用制作的，而2种是用。这向您展示了这些库的不同方法。在react-three-renderer中，默认情况下，每个动画帧都会调用Three.js的render方法；第三个版本向您展示了如何在只有组件更新后才能在react-three-renderer中禁用自动渲染并调用Threejs的render方法。查看以了解其工作原理。安装安装liv

use-ammojs:用于ammo.js物理的React Wrapper与react-three-fiber-fiber一起使用

[WIP] use-ammojs 快速物理挂钩，可与。构建在之上，在单独的Web工作者中运行wasm ammo.js库，并使用SharedArrayBuffers同步三个对象。为什么不使用呢？ use-cannon很棒，也是该软件包的灵感来源，但是它缺少功能，对于许多对象或大型gltf导入也缺乏性能。 ammo.js是强大的引擎的直接包装。然而，在撰写本文时，使用加农炮更为成熟，非常

webglsl-editor：一个基于网络的GLSL编辑器，由three.js和React组成

5星 · 资源好评率100%

Web GLSL编辑器这是一个基于Web的GLSL编辑器。有许多不同的基于Web的GLSL编辑器，但是我发现它们中没有很多具有友好的界面。大多数还不支持更高级的功能，例如上传自己的模型和纹理。需要某种基于Web的GLSL编辑器，该编辑器可以快速让您模拟一些有关vert或frag着色器的想法。这是该项目的目的。该项目本身主要由React，Redux和ThreeJS构建。也使用其他库

fabimplant:概念验证PWA，用于使用React，Electron和three.js从DICOM文件生成可导出的3D网格

种植体 FabImplant是一家成立于2015年的企业，致力于创建一种技术解决方案，使能够使用3D打印技术，利用患者的诊断成像数据来制造精密装配的。有关更多详细信息，请参阅目录。该存储库包含我为追求概念验证技术解决方案而进行的研究和开发。它已根据GPLv3许可证公开。

react-three-next:React三纤，Nextjs，Tailwind启动器

元数据和标头的模板使用ESlint，Prettier和Husky清理代码在开发中使用esbuild以获得更快的HMR 服务器，Chrome和Firefox的VSCode调试配置文件 :high-speed_train: 建筑学通知nextjs页面该组件是Threejs组件。...

react-pure-threejs:react app 3d编辑器与threejs一起应用

React纯净的三 React redux，重击 threejs

收起资源包目录

React-three_js-App-master.zip （15个子文件）

React-three.js-App-master

README2.md 690B

.eslintrc 6KB

server.js 451B

webpack.config.js 1KB

src

components

App

graphics-engine.js 2KB

App.jsx 509B

assets

styles.css 78B

index.js 819B

.babelrc 45B

README.md 627B

webpack.prod.config.js 356B

dist

index.html 189B

.gitignore 51B

package-lock.json 327KB

package.json 1KB

评论收藏

内容反馈

格秒索杉

粉丝: 27
资源: 4563