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}]
评论信息
其他资源
- OKHttp断点续传Demo 下载
- SpringBoot导入导出xlsx
- esp8266WiFi探针及源码
- 教务管理系统
- 2019李永乐考研数学 历年真题权威解析 数学一
- sqldeveloper中文版
- CUDA并行排序(1)——整数
- sqlserver触发器加密破解
- 商城 前台 +后台模板（前台的比较全）
- asp.net网上服装商城
- 使用JDBC实现对MySQL的增删改查功能
- 基于SM3算法和SM4算法的在线加解密系统（针对任何文件的加解密）
- Photonic generation of high quality frequency-tunable millimeter wave and terahertz wave
- 计算机图形学课程实验代码及报告.docx
- 课件（上）.zip计算机科学一月特训
- sass4clj：使用Libsass Java包装器，用于Clj，Lein和Boot的SASS编译器-源码
- MySql.Data.dll
- fluent Theory_Guide.rar
- EssentialPIM Pro 6.02【附注册码】
- 工资管理系统 VB SQL 管理信息系统
- com.google.gson.Gson（4个jar包）
- 《ASP.NET+SQL Server网络应用系统开发与实例》光盘
- 信息伪装与隐藏\音频文件中信息隐藏技术研究及其实现
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明