react-3d-viewer：一个基于react.js一个基于react.js的组件化3d模型查看工具的3D模型查看器组件
English |
react-3d查看器
基于react.js的3D模型查看器组件。 演示位于
产品特点
基于组件
使用.setState()方法更新UI
支持gltf，obj，mtl，json，dae模型格式-将来会添加其他格式。
提供的和灯光组件-将来将提供其他组件。
用法
通过npm或CDN获取react-3d-viewer：
npm i react - 3 d - viewer
与模块捆绑器一起使用
import { OBJModel } from 'react-3d-viewer'
render ( ) {
return (
< div>
< OBJModel xss=removed xss=removed>
< / div >
)
}
import { Tick , MTLModel } from 'react-3d-viewer'
render ( ) {
return (
< div>
< MTLModel
文件下载
资源详情
[{"title":"（ 70 个子文件 14.45MB ） react-3d-viewer：一个基于react.js一个基于react.js的组件化3d模型查看工具的3D模型查看器组件","children":[{"title":"react-3d-viewer-master","children":[{"title":"preview.jpg <span style='color:#111;'> 24.25KB </span>","children":null,"spread":false},{"title":"README.CN.md <span style='color:#111;'> 3.55KB </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1.85KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"loader.js <span style='color:#111;'> 204.04KB </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 375B </span>","children":null,"spread":false},{"title":"light.js <span style='color:#111;'> 595B </span>","children":null,"spread":false},{"title":"obj_model.js <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false},{"title":"tick.js <span style='color:#111;'> 513B </span>","children":null,"spread":false},{"title":"model.js <span style='color:#111;'> 9.19KB </span>","children":null,"spread":false},{"title":"gltf_model.js <span style='color:#111;'> 2.29KB </span>","children":null,"spread":false},{"title":"mtl_model.js <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false},{"title":"json_model.js <span style='color:#111;'> 1.29KB </span>","children":null,"spread":false},{"title":"dae_model.js <span style='color:#111;'> 2.78KB </span>","children":null,"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 108B </span>","children":null,"spread":false},{"title":".npmignore <span style='color:#111;'> 44B </span>","children":null,"spread":false},{"title":"preview2.jpg <span style='color:#111;'> 9.15KB </span>","children":null,"spread":false},{"title":"site","children":[{"title":"index.html <span style='color:#111;'> 417B </span>","children":null,"spread":false},{"title":"prism.js <span style='color:#111;'> 21.77KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"main.js <span style='color:#111;'> 3.09KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"json.md <span style='color:#111;'> 152B </span>","children":null,"spread":false},{"title":"mtl.md <span style='color:#111;'> 540B </span>","children":null,"spread":false},{"title":"model","children":[{"title":"Dog_diffuse.jpg <span style='color:#111;'> 264.96KB </span>","children":null,"spread":false},{"title":"Ren.png <span style='color:#111;'> 54.45KB </span>","children":null,"spread":false},{"title":"Default_AO.jpg <span style='color:#111;'> 353.20KB </span>","children":null,"spread":false},{"title":"freedom.obj <span style='color:#111;'> 381.65KB </span>","children":null,"spread":false},{"title":"Default_emissive.jpg <span style='color:#111;'> 95.21KB </span>","children":null,"spread":false},{"title":"tex","children":[{"title":"oil-truck.jpg <span style='color:#111;'> 1.43MB </span>","children":null,"spread":false},{"title":"Grass.JPG <span style='color:#111;'> 197.66KB </span>","children":null,"spread":false},{"title":"TruckRNrml.jpg <span style='color:#111;'> 1.10MB </span>","children":null,"spread":false},{"title":"TrckGRNrml.jpg <span style='color:#111;'> 111.51KB </span>","children":null,"spread":false},{"title":"Ruin3.jpg <span style='color:#111;'> 316.73KB </span>","children":null,"spread":false},{"title":"TruckR.jpg <span style='color:#111;'> 1.17MB </span>","children":null,"spread":false},{"title":"Buss.jpg <span style='color:#111;'> 1.11MB </span>","children":null,"spread":false},{"title":"BussNrml.jpg <span style='color:#111;'> 896.89KB </span>","children":null,"spread":false},{"title":"TrckGR.jpg <span style='color:#111;'> 98.17KB </span>","children":null,"spread":false},{"title":"Ruin1.jpg <span style='color:#111;'> 300.20KB </span>","children":null,"spread":false},{"title":"Ruin2.jpg <span style='color:#111;'> 352.28KB </span>","children":null,"spread":false},{"title":"Grass_alph.JPG <span style='color:#111;'> 110.30KB </span>","children":null,"spread":false},{"title":"Water-tank.jpg <span style='color:#111;'> 410.61KB </span>","children":null,"spread":false},{"title":"Ruin4.jpg <span style='color:#111;'> 336.80KB </span>","children":null,"spread":false},{"title":"oil-truckNrml.jpg <span style='color:#111;'> 1.65MB </span>","children":null,"spread":false}],"spread":false},{"title":"images","children":[{"title":"pm0025_00_Mouth1.png <span style='color:#111;'> 12.22KB </span>","children":null,"spread":false},{"title":"pm0025_00_BodyA1.png <span style='color:#111;'> 20.79KB </span>","children":null,"spread":false},{"title":"pm0025_00_Eye1.png <span style='color:#111;'> 28.35KB </span>","children":null,"spread":false},{"title":"pm0025_00_BodyB1.png <span style='color:#111;'> 14.93KB </span>","children":null,"spread":false}],"spread":false},{"title":"Default_normal.jpg <span style='color:#111;'> 505.62KB </span>","children":null,"spread":false},{"title":"Default_albedo.jpg <span style='color:#111;'> 913.70KB </span>","children":null,"spread":false},{"title":"DamagedHelmet.gltf <span style='color:#111;'> 4.43KB </span>","children":null,"spread":false},{"title":"PikachuF_ColladaMax.DAE <span style='color:#111;'> 453.04KB </span>","children":null,"spread":false},{"title":"freedom.mtl <span style='color:#111;'> 219B </span>","children":null,"spread":false},{"title":"Ruins_dae.dae <span style='color:#111;'> 1.69MB </span>","children":null,"spread":false},{"title":"kapool.js <span style='color:#111;'> 382.81KB </span>","children":null,"spread":false},{"title":"freedom.png <span style='color:#111;'> 60.09KB </span>","children":null,"spread":false},{"title":"DamagedHelmet.bin <span style='color:#111;'> 545.41KB </span>","children":null,"spread":false},{"title":"Default_metalRoughness.jpg <span style='color:#111;'> 1.24MB </span>","children":null,"spread":false},{"title":"destiny.obj <span style='color:#111;'> 397.84KB </span>","children":null,"spread":false}],"spread":false},{"title":"dae.md <span style='color:#111;'> 649B </span>","children":null,"spread":false},{"title":"obj.md <span style='color:#111;'> 341B </span>","children":null,"spread":false},{"title":"gltf.md <span style='color:#111;'> 412B </span>","children":null,"spread":false}],"spread":true},{"title":"show_model.less <span style='color:#111;'> 363B </span>","children":null,"spread":false},{"title":"show_models.js <span style='color:#111;'> 6.12KB </span>","children":null,"spread":false},{"title":"main.less <span style='color:#111;'> 2.14KB </span>","children":null,"spread":false}],"spread":true},{"title":"dist","children":[{"title":"img","children":[{"title":"freedom.png <span style='color:#111;'> 60.09KB </span>","children":null,"spread":false}],"spread":true},{"title":"scripts","children":[{"title":"main.js <span style='color:#111;'> 867.95KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"prism.css <span style='color:#111;'> 2.36KB </span>","children":null,"spread":false}],"spread":true},{"title":"gulpfile.js <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.99KB </span>","children":null,"spread":false},{"title":"dist","children":[{"title":"scripts","children":[{"title":"react-3d-viewer.js <span style='color:#111;'> 659.24KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".gitignore <span style='color:#111;'> 39B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]
评论信息
其他资源
- Analytical Modeling In Applied Electromagnetics Tretyakov
- NNDA PDA JPDA IMM数据关联算法matlab代码
- AGA8天然气压缩因子计算.xls
- tensorflow 五种花朵分类识别
- 数字水印的嵌入和提取（matlab）
- 时间序列分析的工程应用_2007(上下册)
- 最全系统辨识源代码，包括多种最小二乘法，极大似然法，模型阶数辨识等
- cadence入门教程.pdf
- N76E003呼吸灯程序（PWM中断&重设占空比）
- Gabor滤波特征提取方法 matlab程序
- JClassLib 和 jd-gui
- WPF自动更新程序
- 数字图像处理DSP_IIR带通滤波器的设计
- DSP实验(10次实验有详细步骤)
- lua游戏脚本（源码）
- C# DataGridView自动合计及过滤和排序等组件
- python实现bp神经网络
- ASP.NET微信管理后台
- 图片细胞分割 matlab
- qengine：基于查询的处理引擎-源码
- 用玻璃的二次谐波产生进行高密度存储
- c#高斯正算
- 谢宁DOE 详细介绍doe
- 图书管理系统
- SP3490中文资料
- 一种强跟踪扩展卡尔曼滤波器的改进算法
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明