第一人称让交互更加真实,ThingJS内置控件新功能

第一人称视角能提升3D场景的真实感,ThingJS推出内置的「第一人称行走」控件,允许用户通过键盘和鼠标进行走、跑、跳等交互操作。开发者可以通过简单的js脚本调整人物动作,实现更丰富的3D空间体验。利用此控件,即使不熟悉开发的用户也能通过GUI界面调整参数,享受自定义空间的乐趣。
摘要由CSDN通过智能技术生成

在故事中,用第一人称的好处是使小说情境显得更为真切,作者与读者的距离缩小了,在3D可视场景中也一样,第一人称让交互更加真实,ThingJS用内置控件就简单实现啦。
目前 ThingJS 内置了「第一人称行走」控件,实现第一人称人物动作:走、跑、跳、移动视角,可供开发者使用。
“第一人称行走”交互模式会让人想到游戏射击游戏,给玩家一定的空间来让他们来真正感受处于每个位置的感觉。而实现人物动画,例如行走步伐,就需要一定的交互,包括周围的环境、重力或撞击影响。
ThingJS实现第一人称控制移动,主要通过js脚本让鼠标控制任务或者摄像机的旋转。官方添加「第一人称行走」控件后,鼠标按住左键拖拽方向,默认的交互为键盘按键来控制行走方向:
• A:左移
• D:右移
• W:前进
• S:后退
• 空格:跳跃(当开启重力时生效)
• 鼠标:按下左键旋转场景

用于物体移动的控制器支持js开发,提供GUI(图形用户界面)手动调整参数。不懂开发?动动手也可以调整空间参数啦!
1.jpg

视角移动的起始位置是摄像机位置,实时代码示例如下:

var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'
});

// 加载场景后执行
app.on('load&#
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值