Threejs实现机械臂运动,机械臂dae格式模型,模型下载

9 篇文章 4 订阅

1,介绍

该示例使用的是 r95版本Three.js库。

主要实现功能:引入机械臂dae格式模型,模拟机械臂运动。效果图如下:

 2,动画主要说明

1,引入机械臂模型,附模型下载地址如下

2,使用Tween.js模拟实现动画

// 添加坊的模型
function initFang() {
	var loader = new THREE.ColladaLoader();
	loader.load('assets/models/abb_irb52_7_120.dae', function(collada) {
		dae = collada.scene;
		dae.traverse(function(child) {
			if (child.isMesh) {
				// model does not have normals
				child.material.flatShading = true;
			}
		});
		// dae.scale = 1000;
		dae.updateMatrix();

		kinematics = collada.kinematics;
		console.log(kinematics)
		scene.add(dae);
		setupTween();
	});
}

function setupTween() {
	const duration = THREE.Math.randInt(1000, 2000);
	const target = {};
	for (const prop in kinematics.joints) {
		if (kinematics.joints.hasOwnProperty(prop)) {
			if (!kinematics.joints[prop].static) {
				const joint = kinematics.joints[prop];
				const old = tweenParameters[prop];
				const position = old ? old : joint.zeroPosition;
				tweenParameters[prop] = position;
				target[prop] = THREE.Math.randInt(joint.limits.min, joint.limits.max);
			}
		}
	}
	kinematicsTween = new TWEEN.Tween(tweenParameters).to(target, duration).easing(TWEEN.Easing.Quadratic.Out);
	kinematicsTween.onUpdate(function(object) {
		for (const prop in kinematics.joints) {
			if (kinematics.joints.hasOwnProperty(prop)) {
				if (!kinematics.joints[prop].static) {
					kinematics.setJointValue(prop, this[prop]);
				}
			}
		}
	});

	kinematicsTween.start();
	setTimeout(setupTween, duration);
}

Threejs模型,机械臂模型,dae格式模型-Javascript文档类资源-CSDN文库https://download.csdn.net/download/baidu_29701003/85335014

 在线预览:左本的博客 (zuoben.top)

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

左本Web3D

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值