×

解析VR游戏设计要点

消耗积分:1 | 格式:rar | 大小:0.66 MB | 2017-09-30

分享资料个

  VR笼统来说就是一切虚拟现实基础原理和实践技术,基础原理的构成来源于对人类本身各方面感知系统(视觉、听觉、触觉等)的科学认知规律,实践技术是指人们利用各种输入输出方式模拟某一项基础原理的过程,在这个过程当中人们得到的感受便形成了体验。游戏的发展过程能看到各种VR实践过程的进步,作为一位游戏工作者,我们切实地看到了VR头显技术可以作为一种新的输出端体验,给大众玩家带来一大波新的游戏刺激感。但是其他方面的发展并不是特别突出,我现在制作的VR游戏将会把这种全景显示技术作为最核心的游戏体验设计重点。

  我最初的VR全景体验来源于一个放牛的VR短片,当看到面前的小牛在吃草时,听到身后有其他牛的叫声,自然会回头看,却只见一个巨大的牛头在舔我。当然它是在舔摄像机啦,不过如果把牛换成游戏交互对象的话,丰富的全景关卡设计元素会立即浮现出很多,例如不同位置闪现的AI、穿越头部的AI、围绕头部的AI等等。总结下来发现了一个和传统游戏不同的设计特点,那就是玩家的主控设计完全相反。

  以前设计游戏就像在动物园参观一个个的笼子,我们会设计很多交互元素和系统给玩家,并引导他们一个个掌握,使他们在游戏世界的主控性越来越强,从而带来成长感。而全景展现的游戏更像野生动物园的参观方式,动物会更自由,游客要被动物引导着观赏,游戏系统应当感觉更强大,让系统来控制玩家,玩家感觉主控性越弱,全景VR的展现特点就越强烈。这一点给了我很大的启发,也颠覆了之前的很多传统经验。

  刚才提到的一点是设计上坚持的不同点,从产品体验角度和大家分享的就是要坚持的相同点。因为现阶段我只会将全景显示技术作为游戏体验的核心设计特点,那对于一个游戏产品来说,其他的体验方面应当尽量遵循玩家之前的使用习惯。我认为全景技术解决的是玩家视觉输出端的大进步,但输入端短时间还没有一个成熟、革命、可行的产品方案。多数玩家的使用场景也不会在短时间内产生变化,所以我们仍然会选择坐在固定位置,利用集中的时间段、现有的输入方式设计的游戏。它将是多数人容易接受的方式,因为每一个体验的改变都必须要有充足的新内容,用户才有理由使用。

  讲故事——利用视点进行叙事

  接下来的内容都是我们在制作VR游戏《沉睡的伽迪拉》过程中的一些创新探索和实践,希望能给大家以借鉴。这是一款固定位置的第一人称动作游戏,涵盖了交互故事和动作战斗两部分体验,我们正在制作支持Gear VR和PS VR两个不同的版本。

  首先想说说游戏中设计交互叙事内容,很多人问我,为什么要在游戏里做叙事,在此从两个方面来介绍。

  一,还是从产品体验角度思考,VR早期能够给玩家带来最新鲜的感受过程就是在全景中观看内容,无论是游戏还是视频,都是这样。在这一点上和传统观看体验有很大不同,对于任何内容,即使是固定的全景视频内容,每个人的观看过程也都是不同的,因为玩家不可能在同一秒看到所有的画面。这样其实就会自然而然形成观看体验的差异,所以差异就应该导致感受不同,表达的价值观不同。利用游戏的制作特点可以很容易地将这个特点设计出来,我们自然地利用玩家视点的移动观看作为输入端,根据不同的视点进行不同的程序交互处理,带来游戏世界的改变。当我去思考这样的设计用来表现时,从观看行为的角度会包含静止和运动的图像,很明显运动的图像更接近游戏,运动的图像设计经验多数都来源于交代叙事,所以我选择用这样的设计表现游戏的叙事,在游戏里设计了很多条不同的交互叙事过程。

  二,利用第一人称游戏体验和电影镜头设计的视点概念结合。通常玩家游戏时使用第一人称的体验,但如果画面中想做一些叙事,就会利用电影镜头设计中的主观视点原理来交代。

  

  图6 希区柯克的主观视点叙事方式

  图6中举例的惊悚镜头采用的即是常用的主观视点交代方式,在许多游戏场景切换和战斗技能使用的时候,还会利用一些受限制的第三人称视点方式来交代叙事和呈现动作。此外,游戏中还会加入一些带有旁白字幕和结合动作处理的全知视点设计来进行叙事。

  看画面——风格化的表现

  这里分享一下我们在制作游戏时是如何处理风格和一些实际技术问题的。制作VR游戏时,有很多朋友会选择真实感的方向设计,我们知道真实感一些好处,让虚拟世界更接近真实生活,对玩家来说更容易认知和接受,但其实在设计制作上也会有一些问题。比如处理跳脱感,当画面中有一些引导或UI界面出现时,玩家会形成跳脱的条件反射,从真实感的角度去设计比较难,当然也可以通过不同材质或者对比方式处理。还有一个问题是资源制作量,真实感的资源制作成本太高,并且想兼容移动VR平台的话,因为移动平台的计算能力略差,大部分资源都需要重新制作,这些都不是我们想看到的,也不是优势所在。

  我们最终选择了风格化处理的方式进行设计,利用造型和颜色的特点来创造一个完全虚构的环境(如图7、图8所示),也很好地解决了向导设计和资源重复制作的问题,但是会对概念设计能力提出更高的要求,还好我们在这部分有很多想法。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !

'+ '

'+ '

'+ ''+ '
'+ ''+ ''+ '
'+ ''+ '' ); $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code ==5){ $(pop_this).attr('href',"/login/index.html"); return false } if(data.code == 2){ //跳转到VIP升级页面 window.location.href="//m.obk20.com/vip/index?aid=" + webid return false } //是会员 if (data.code > 0) { $('body').append(htmlSetNormalDownload); var getWidth=$("#poplayer").width(); $("#poplayer").css("margin-left","-"+getWidth/2+"px"); $('#tips').html(data.msg) $('.download_confirm').click(function(){ $('#dialog').remove(); }) } else { var down_url = $('#vipdownload').attr('data-url'); isBindAnalysisForm(pop_this, down_url, 1) } }); }); //是否开通VIP $.get('/article/vipdownload/aid/'+webid,function(data){ if(data.code == 2 || data.code ==5){ //跳转到VIP升级页面 $('#vipdownload>span').text("开通VIP 免费下载") return false }else{ // 待续费 if(data.code == 3) { vipExpiredInfo.ifVipExpired = true vipExpiredInfo.vipExpiredDate = data.data.endoftime } $('#vipdownload .icon-vip-tips').remove() $('#vipdownload>span').text("VIP免积分下载") } }); }).on("click",".download_cancel",function(){ $('#dialog').remove(); }) var setWeixinShare={};//定义默认的微信分享信息,页面如果要自定义分享,直接更改此变量即可 if(window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'){ var d={ title:'解析VR游戏设计要点',//标题 desc:$('[name=description]').attr("content"), //描述 imgUrl:'https://'+location.host+'/static/images/ele-logo.png',// 分享图标,默认是logo link:'',//链接 type:'',// 分享类型,music、video或link,不填默认为link dataUrl:'',//如果type是music或video,则要提供数据链接,默认为空 success:'', // 用户确认分享后执行的回调函数 cancel:''// 用户取消分享后执行的回调函数 } setWeixinShare=$.extend(d,setWeixinShare); $.ajax({ url:"https://www.elecfans.com/app/wechat/index.php?s=Home/ShareConfig/index", data:"share_url="+encodeURIComponent(location.href)+"&format=jsonp&domain=m", type:'get', dataType:'jsonp', success:function(res){ if(res.status!="successed"){ return false; } $.getScript('https://res.wx.qq.com/open/js/jweixin-1.0.0.js',function(result,status){ if(status!="success"){ return false; } var getWxCfg=res.data; wx.config({ //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId:getWxCfg.appId, // 必填,公众号的唯一标识 timestamp:getWxCfg.timestamp, // 必填,生成签名的时间戳 nonceStr:getWxCfg.nonceStr, // 必填,生成签名的随机串 signature:getWxCfg.signature,// 必填,签名,见附录1 jsApiList:['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 wx.onMenuShareTimeline({ title: setWeixinShare.title, // 分享标题 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 type: setWeixinShare.type, // 分享类型,music、video或link,不填默认为link dataUrl: setWeixinShare.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx.onMenuShareQQ({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx.onMenuShareWeibo({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({ title: setWeixinShare.title, // 分享标题 desc: setWeixinShare.desc, // 分享描述 link: setWeixinShare.link, // 分享链接 imgUrl: setWeixinShare.imgUrl, // 分享图标 success: function () { setWeixinShare.success; // 用户确认分享后执行的回调函数 }, cancel: function () { setWeixinShare.cancel; // 用户取消分享后执行的回调函数 } }); }); }); } }); } function openX_ad(posterid, htmlid, width, height) { if ($(htmlid).length > 0) { var randomnumber = Math.random(); var now_url = encodeURIComponent(window.location.href); var ga = document.createElement('iframe'); ga.src = 'https://www1.elecfans.com/www/delivery/myafr.php?target=_blank&cb=' + randomnumber + '&zoneid=' + posterid+'&prefer='+now_url; ga.width = width; ga.height = height; ga.frameBorder = 0; ga.scrolling = 'no'; var s = $(htmlid).append(ga); } } openX_ad(828, '#berry-300', 300, 250);