可交互VR原型Demo

原创作品 分类: 网页设计 版权:
11051 239 460 20
2018-02-06
90.1
首页推荐

去年春天就注意到有家公司宣布要做一款面向设计师的VR图形设计软件,等了大半年终于在去年十月份发布了Ottifox这款软件的第一版。在用了两个月之后觉得果然没有让我失望,确实是最适合设计师的VR设计软件,使用上类似于3D的Sketch+Principle,基本不需要会3D建模和代码就能做出高保真可交互的VR界面,最关键的是还支持在线预览,虽然不如Mirror可以实时预览,但是通过网页在电脑、手机和头显上看到交互效果也是对设计很有帮助了。

下面是我用Ottifox做的几个Demo,动图是浏览器录屏截得,图片有些大请多加载一会儿,实际效果可以在浏览器或手机上输入图片下面的网址,即可身临其境的体验

这个图主要是说明一下预览时可以进行的操作,按“WSAD”移动位置,按住并滑动光标移动视野,就和玩游戏一样,点击可交互的物体即可看到交互动效,在线预览:https://dazqu1991.github.io/VR/

购买食物的界面,点击要购买的食物即可加入购物车,相比2D界面更加直观有趣

在线预览:https://dazqu1991.github.io/vr-food/

精灵宝可梦百科界面,点击要捕捉的宝可梦即可收入精灵球中

在线预览:https://dazqu1991.github.io/vr-pokemon/  

Lowpoly游戏界面,点击人物即可更换角色

在线预览:https://dazqu1991.github.io/vr-magic/  (这个可能需要多刷新几次才能看到)

电影购票界面,点击当前界面,进入下一步的界面

在线预览:https://dazqu1991.github.io/vr-movie/   (网页有点大,加载有点慢)

在线购物界面,点击产品图片,切换模型视角

在线预览:https://dazqu1991.github.io/vr-shoe/

由于软件比较新,国内外还没有教程,我就结合官方的User Guide和我使用时的经验给大家简单介绍下Ottifox的基本操作,正好过年回家闲的时候尝试一下

界面中模型均来自 poly.google.com 和 sketchfab.com  的免费模型

软件的安装包(只有Mac版)和我做的工程文件都放在网盘里了 https://pan.baidu.com/s/1jJt4MKA   欢迎下载交流,别忘了点赞哦

请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图 请登录并验证邮箱后查看原图

大植子Daz_Qu

https://dribbble.com/Daz_Qu

6615粉丝/45关注

2016年度最佳作品集TOP10得主2016年度最佳作品集TOP50得主
小Z的日常VR原型的快速制作
2
吴侬子

大侄子又出新作了

精彩!

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN