1.3.55

可交互VR原型Demo

Homepage recommendation
大植子Daz
站酷推荐设计师
北京/UI设计师/7年前/46869浏览
可交互VR原型DemoHomepage recommendation
大植子Daz
去年春天就注意到有家公司宣布要做一款面向设计师的VR图形设计软件，等了大半年终于在去年十月份发布了Ottifox这款软件的第一版。在用了两个月之后觉得果然没有让我失望，确实是最适合设计师的VR设计软件，使用上类似于3D的Sketch+Principle，基本不需要会3D建模和代码就能做出高保真可交互的VR界面，最关键的是还支持在线预览，虽然不如Mirror可以实时预览，但是通过网页在电脑、手机和头显上看到交互效果也是对设计很有帮助了。
下面是我用Ottifox做的几个Demo，动图是浏览器录屏截得，图片有些大请多加载一会儿，实际效果可以在浏览器或手机上输入图片下面的网址，即可身临其境的体验
可交互VR原型Demo
Collect
这个图主要是说明一下预览时可以进行的操作，按“WSAD”移动位置，按住并滑动光标移动视野，就和玩游戏一样，点击可交互的物体即可看到交互动效，在线预览：https://dazqu1991.github.io/VR/
这个图主要是说明一下预览时可以进行的操作，按“WSAD”移动位置，按住并滑动光标移动视野，就和玩游戏一样，点击可交互的物体即可看到交互动效，在线预览：https://dazqu1991.github.io/VR/
Collect
购买食物的界面，点击要购买的食物即可加入购物车，相比2D界面更加直观有趣 在线预览：https://dazqu1991.github.io/vr-food/
购买食物的界面，点击要购买的食物即可加入购物车，相比2D界面更加直观有趣
在线预览：https://dazqu1991.github.io/vr-food/
Collect
精灵宝可梦百科界面，点击要捕捉的宝可梦即可收入精灵球中 在线预览：https://dazqu1991.github.io/vr-pokemon/ <br>
精灵宝可梦百科界面，点击要捕捉的宝可梦即可收入精灵球中
在线预览：https://dazqu1991.github.io/vr-pokemon/
Collect
Lowpoly游戏界面，点击人物即可更换角色 在线预览：https://dazqu1991.github.io/vr-magic/ （这个可能需要多刷新几次才能看到）<br>
Lowpoly游戏界面，点击人物即可更换角色
在线预览：https://dazqu1991.github.io/vr-magic/ （这个可能需要多刷新几次才能看到）
Collect
电影购票界面，点击当前界面，进入下一步的界面 在线预览：https://dazqu1991.github.io/vr-movie/ （网页有点大，加载有点慢）<br>
电影购票界面，点击当前界面，进入下一步的界面
在线预览：https://dazqu1991.github.io/vr-movie/ （网页有点大，加载有点慢）
Collect
在线购物界面，点击产品图片，切换模型视角 在线预览：https://dazqu1991.github.io/vr-shoe/<br>由于软件比较新，国内外还没有教程，我就结合官方的User Guide和我使用时的经验给大家简单介绍下Ottifox的基本操作，正好过年回家闲的时候尝试一下
在线购物界面，点击产品图片，切换模型视角
在线预览：https://dazqu1991.github.io/vr-shoe/
由于软件比较新，国内外还没有教程，我就结合官方的User Guide和我使用时的经验给大家简单介绍下Ottifox的基本操作，正好过年回家闲的时候尝试一下
Collect
可交互VR原型Demo
Collect
可交互VR原型Demo
Collect
界面中模型均来自 poly.google.com 和 sketchfab.com 的免费模型 软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
界面中模型均来自 poly.google.com 和 sketchfab.com 的免费模型
软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
Collect
VR-food 在手机上的效果
VR-food 在手机上的效果
Collect
VR-food 在VR模式下的实际效果
VR-food 在VR模式下的实际效果
Collect
VR-pokemon 在手机上的效果
VR-pokemon 在手机上的效果
Collect
VR-pokemon 在VR模式下的实际效果
VR-pokemon 在VR模式下的实际效果
Collect
VR-movie 在手机上的效果
VR-movie 在手机上的效果
Collect
VR-movie 在VR模式下的实际效果
VR-movie 在VR模式下的实际效果
Collect
VR-shoe 在手机上的效果
VR-shoe 在手机上的效果
Collect
VR-shoe 在VR模式下的实际效果
VR-shoe 在VR模式下的实际效果
Collect
软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA 欢迎下载交流，别忘了点赞哦
Collect
1417
|
Report
|
1183
Share
相关推荐
工作流分享-Figam+3D动效-短视频教程
Homepage recommendation
文章内容含视频
工作流分享-Figam+3D动效-短视频教程
603
站酷推荐设计师
屏幕之外 UI设计师的空间思维
Homepage recommendation
屏幕之外 UI设计师的空间思维
195
站酷推荐设计师
空间计算设计(交互软件篇)-Design for Vision Pro
Homepage recommendation
空间计算设计(交互软件篇)-Design for Vision Pro
322
站酷推荐设计师
100个关于3D交互动效的探索(#61-#80)
Homepage recommendation
100个关于3D交互动效的探索(#61-#80)
629
站酷推荐设计师
100个关于3D交互动效的探索(#41-#60)
Homepage recommendation
100个关于3D交互动效的探索(#41-#60)
760
站酷推荐设计师
UI动效
UI动效
UI动效
UI动效
精选收藏夹
作品收藏夹
UI动效
152
100个关于3D交互动效的探索（#21-#40）
Homepage recommendation
100个关于3D交互动效的探索（#21-#40）
930
站酷推荐设计师
100个关于3D交互动效的探索（#01-#20）
Homepage recommendation
100个关于3D交互动效的探索（#01-#20）
786
站酷推荐设计师
华为主题 — 智能世界 触手可及
Homepage recommendation
华为主题 — 智能世界 触手可及
1999
站酷推荐设计师
熊猫直播助手PC端
Homepage recommendation
熊猫直播助手PC端
2828
站酷推荐设计师
混合现实儿童兴趣教育应用 MR TEACH
Homepage recommendation
混合现实儿童兴趣教育应用 MR TEACH
2649
站酷推荐设计师
评论
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
相生之宠®啵啵汤罐｜宠物 品牌 猫 包装 设计 视觉
Homepage recommendation
相生之宠®啵啵汤罐｜宠物 品牌 猫 包装 设计 视觉
123
站酷推荐设计师
整点彩蛋xHOOWA宠物洗护品牌视觉+包装设计
Homepage recommendation
整点彩蛋xHOOWA宠物洗护品牌视觉+包装设计
137
站酷推荐团队
Heal丨概念网页设计
Homepage recommendation
Heal丨概念网页设计
355
站酷推荐设计师
家人们！怎么用15天肝出4OW年薪的作品集？
Homepage recommendation
家人们！怎么用15天肝出4OW年薪的作品集？
718
站酷推荐设计师
字体设计
Homepage recommendation
字体设计
460
2025站酷设计周 AI“多元”超级符号
Homepage recommendation
2025站酷设计周 AI“多元”超级符号
248
相关收藏夹
UI动效
UI动效
UI动效
UI动效
精选收藏夹
作品收藏夹
UI动效
152
文章（UI）
文章（UI）
文章（UI）
文章（UI）
作品收藏夹
文章（UI）
2524
站酷推荐设计师
系统
系统
系统
系统
作品收藏夹
系统
314
交互知识技能
交互知识技能
交互知识技能
交互知识技能
作品收藏夹
交互知识技能
302
创意灵感来源
创意灵感来源
创意灵感来源
创意灵感来源
作品收藏夹
创意灵感来源
294
干货
干货
干货
干货
作品收藏夹
干货
224
大家都在看
IP 形象国庆LOGO 设计海报设计插画设计壁纸图片作品集VI 设计UI 设计规范AI 绘画表情包PPT模板vr飞行眼镜#vr vr vrvr、vr\设计 #设计 设计’设计以设计a设计把设计it设计设计inin设计AS设计it设计是by设计及设计设计的设计】设计是也设计设计、 设计#设计#设计是#设计if设计比设计设计，在设计is设计设计‘的设计 设计设计。
Log in
99+Log in and synchronize recommended records
99+Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share