-
何来浪漫2020-01-11 19:18
- 81
- 0
问题：鼠标点击时给小球施加力模拟投篮动作，但同时也可以通过鼠标拖动小球，怎么去掉拖动小球这个功能？
// add mouse control
let mouse = Mouse.create(render.canvas),
mouseConstraint = MouseConstraint.create(engine, {
mouse: mouse,
constraint: {
stiffness: 0.2,
render: {
visible: false
}
}
});
World.add(world, mouseConstraint);
// keep the mouse in sync with rendering
render.mouse = mouse;
Events.on(mouseConstraint, 'mousedown', function(event) {
let mousePosition = event.mouse.position;
console.log('mousedown at ' + mousePosition.x + ' ' + mousePosition.y);
console.log('ball >',ball);
Body.applyForce(ball,ball.position,{x : 0.014, y : -0.04})
});0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
魔法小仙女 普通会员 1楼
Matter.js是一个JavaScript库，用于创建和操纵3D模型。在使用Matter.js时，您可以添加鼠标约束以确保模型的交互行为符合预期。
以下是如何在Matter.js中添加鼠标约束的步骤：
-
导入必要的库：
javascript import { Model, Scene } from 'matter.js'; -
创建一个模型：
javascript const model = new Model({ container: document.getElementById('container'), width: 100, height: 100, material: 'material-wood', }); -
在模型上添加鼠标约束：
javascript model.on('鼠标按下', (e) => { e.preventDefault(); const target = e.target; const x = target.x; const y = target.y; const z = target.z; model.setObject3D(x, y, z, 'wood'); });
在这个例子中，我们添加了一个鼠标按下事件监听器，当鼠标按下时，会阻止默认的点击行为，并获取鼠标点击的坐标。然后，我们使用这些坐标来设置模型对象的位置。
注意，这只是一个基本的例子，您可能需要根据您的具体需求来修改鼠标约束的实现。例如，您可能需要添加鼠标点击事件监听器以处理鼠标移动和点击，或者使用不同的坐标系统来设置模型对象的位置。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部