# Scope
### 简介
Name: Scope;Scope 意为…镜(观察仪器);我们希望我们的项目能像各种 Scope 一样洞察秋毫。
中文名: 木本水源;木本水源,出自《汉学师承记》卷八:“菜瓜祭饮食之人,芹藻释瞽宗之奠,乃木本水源之意也。”意指树木的根本和流水的源头,引申为寻根溯源的意思。
本项目为 2020 数字媒体技术创新实践项目,基于 AR.js + tensorflow.js 打造跨平台的 AR 识图交互应用 web 站点。
### 成员
汪雨薇(AI) 林英琮(AR)
### 技术栈
前端 AR:react.js(UI 使用 antd) + AR.js(Aframe)
识别:tensorflow.js + yolov3
### 感想
2020.6.5
感觉 aframe 很强大但是繁琐,然后 ar.js 的文档过于弱鸡,然后 react 和 antdesign 非常好用。
可能还是由于自己太菜,读不顺英文文档,不会读源码,本项目仅仅是实现了最基础的拍照 + 识别 + 模型渲染交互/信息展示,在前端的层面仅仅是一个逻辑非常简单的 app(只有简单的 UI 控件和信息框),识别的接口也是雨薇写好提供的,在识别方面也是用了 yolov3 训练好的模型(自己训练的太弱)。
本项目仍然存在问题,例如模型体积较大(如果使用我的服务器小水管平均一次识别需要五分钟);跨平台兼容性并不是特别的好(更换设备分辨率有可能导致 UI 位置不美观,模型比例有点失调等);模型的动画不能播放(这好像是 ar.js 的弱鸡之处,aframe 是可以播放动画的)。未来如果继续维护,会在这几个方面进行跟进。
几个技术栈都是现学现用,所幸几个月的复习 js 基础还是对本项目的一些功能有所帮助,否则连基础功能都写不出来 😭
继续加油!by Congb19
2020.6.6
在 ddl 的强压下增加了查天气(假的)、查找识别的历史记录(真的)等功能,增加了几个模型,优化了一下界面,去除了缩放旋转的数值显示。
学会了 react 的列表渲染,感觉 react 真好用。
可以确定导出的 gltf 格式模型是带动画的,可是在 ar.js 标注的底座上渲染出来就是无动画,animator-mixer 好像也不起作用。模型的动画不能播放真的挺遗憾的。 by Congb19
# scope
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
```
cd scope-react
npm start`
```
Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.<br />
You will also see any lint errors in the console.
```
npm test
```
Launches the test runner in the interactive watch mode.<br />
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
```
npm run build
```
Builds the app for production to the `build` folder.<br />
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.<br />
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
```
npm run eject
```
**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).
### Code Splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
### Analyzing the Bundle Size
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
### Making a Progressive Web App
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
### Advanced Configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
### Deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
### `npm run build` fails to minify
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
2020 数媒创新实践,基于 React.js + AR.js + tensorflow.js 打造跨平台的 AR 识图交互应用 web 站点.zip项目工程资源经过严格测试运行并且功能上ok,可实现轻松复现,拿到资料包后可轻松复刻出一样的项目,本人系统开发经验充足(全栈全领域),有任何使用问题欢迎随时与我联系,我会抽时间努力为您解惑,提供帮助 【资源内容】:包含源码+工程文件+说明(若有)等(不同项目所包含内容不同)。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行,功能ok 【提供帮助】:有任何使用上的问题欢迎随时与我联系,抽时间努力解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可轻松复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用
资源推荐
资源详情
资源评论
收起资源包目录
基于 React.js + AR.js + tensorflow.js 打造跨平台的 AR 识图交互应用 web 站点 (144个子文件)
car-2.bin 47.04MB
car.bin 47.04MB
bicycle.bin 21.53MB
bicycle-2.bin 21.53MB
bicycle.bin 21.53MB
orange.bin 6.57MB
scene.bin 688KB
scene.bin 688KB
none.bin 246KB
cup.bin 179KB
cup-2.bin 102KB
cdn 106B
index.css 2KB
main.css 154B
trex.fset 35KB
trex.fset 35KB
K.fset 8KB
K.fset 8KB
T.fset 6KB
T.fset 6KB
trex.fset3 868KB
trex.fset3 868KB
K.fset3 777KB
K.fset3 777KB
T.fset3 720KB
T.fset3 720KB
orange.gif 534KB
car.gif 450KB
cup.gif 102KB
bicycle.gif 58KB
.gitignore 310B
orange.gltf 52KB
car-2.gltf 44KB
car.gltf 44KB
bicycle-2.gltf 23KB
bicycle.gltf 23KB
bicycle.gltf 21KB
scene.gltf 11KB
scene.gltf 11KB
cup.gltf 4KB
cup-2.gltf 1KB
none.gltf 966B
group1-shard1of1 256B
group10-shard1of1 4KB
group11-shard1of1 8KB
group12-shard1of1 2KB
group13-shard1of1 511KB
group14-shard1of1 128KB
group15-shard1of1 3.38MB
group16-shard1of1 256KB
group17-shard1of1 18KB
group18-shard1of1 72KB
group19-shard1of1 288KB
group2-shard1of1 2KB
group20-shard1of1 1.13MB
group21-shard1of2 4MB
group21-shard2of2 512KB
group22-shard1of5 4MB
group22-shard2of5 4MB
group22-shard3of5 4MB
group22-shard4of5 4MB
group22-shard5of5 2MB
group23-shard1of1 1024KB
group24-shard1of2 4MB
group24-shard2of2 512KB
group3-shard1of1 4KB
group4-shard1of1 512B
group5-shard1of1 1024B
group6-shard1of1 2KB
group7-shard1of1 4KB
group8-shard1of1 8KB
group9-shard1of1 16KB
test2.html 2KB
index.html 2KB
test.html 874B
favicon.ico 3KB
K.iset 540KB
K.iset 540KB
trex.iset 364KB
trex.iset 364KB
T.iset 229KB
T.iset 229KB
Scene_-_Root_diffuse.jpeg 3.24MB
Scene_-_Root_diffuse.jpeg 3.24MB
trex-image-big.jpeg 2.24MB
3d66Model-668941-files-22.jpg 1.19MB
3d66Model-475491-5-46.jpg 365KB
3d66Model-668941-files-3.jpg 344KB
3d66Model-668941-files-9.jpg 280KB
59c05eb8e3449_610.jpg 251KB
3d66Model-668941-files-4.jpg 233KB
1.jpg 196KB
3d66Model-668941-files-11.jpg 150KB
2.jpg 75KB
2.jpg 75KB
640.jpg 56KB
640.jpg 56KB
3d66Model-668941-files-21.jpg 50KB
u=3486304816,371785398&fm=26&gp=0.jpg 49KB
黑色.jpg 30KB
共 144 条
- 1
- 2
资源评论
热爱技术。
- 粉丝: 2867
- 资源: 7864
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于springboot的宾馆客房管理系统设计与实现源码(java毕业设计完整源码).zip
- (175268800)html+ECharts大数据可视化大屏html模板.zip
- Android Studio实现的新闻APP,大作业必备项目.zip
- docker 镜像 redis离线包
- (175289628)【计算机专业VB-毕业设计100套之】vb+access工资管理系统(论文+程序+开题报告+外文翻译+答辩PPT)
- 基于springboot的宿舍报修系统源码(java毕业设计完整源码).zip
- 机械设计自动贴胶纸机sw18可编辑全套设计资料100%好用.zip
- nginx离线包 docker镜像离线包
- 基于springboot的小区物业管理系统源码(java毕业设计完整源码).zip
- 超市库存管理系统,前后端分离,后台Java
- (175408446)毕业设计基于vue+springboot实现的校园二手交易平台源码+数据库,前后端分离式网站项目
- 基于springboot的小区运动中心预约管理系统的设计与实现源码(java毕业设计完整源码).zip
- 机械设计自动装盒机sw18可编辑全套设计资料100%好用.zip
- (175482854)13款echarts可视化大屏源码+效果图,适用于多个行业可视化大屏,免费下载
- 基于springboot的小区闲置物品交易网站源码(java毕业设计完整源码).zip
- openjdk11 docker 离线包
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功