lywsvip/cocos_creator_framework
1
0
Fork 0
mirror of https://github.com/wyb10a10/cocos_creator_framework.git synced 2026-06-09 15:34:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

使用欧拉角和tween进行线性旋转

Browse Source
This commit is contained in:
宝爷
2021-09-14 00:23:54 +08:00
parent 6f9bf474c0
commit 6cbdf54c27
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/Script/example/SyncExmaple.ts
View File

@@ -1,4 +1,4 @@
import { Component, Label, _decorator, view, director, Node, RichText, tween, Tween, math, randomRange, Vec3 } from "cc";
import { Component, Label, _decorator, view, director, Node, RichText, tween, Tween, math, randomRange, Vec3, Quat } from "cc";
import { applyDiff, getReplicateObject, makeObjectReplicated } from "../sync/SyncUtil";
const { ccclass, property } = _decorator;
@@ -19,18 +19,30 @@ export default class SyncExample extends Component {
console.log(`vec diff ${diff}`);*/
makeObjectReplicated(this.leftNode.scale);
makeObjectReplicated(this.leftNode.position);
makeObjectReplicated(this.leftNode.eulerAngles);
}
onSyncClick() {
let diffScale = getReplicateObject(this.leftNode.scale).genDiff(this.lastVersion, this.lastVersion + 1);
let diffPos = getReplicateObject(this.leftNode.position).genDiff(this.lastVersion, this.lastVersion + 1);
let diff = {scale : diffScale, position: diffPos};
let diffRot = getReplicateObject(this.leftNode.eulerAngles).genDiff(this.lastVersion, this.lastVersion + 1);
let diff = {scale : diffScale, position: diffPos, eulerAngles: diffRot};
applyDiff(diff, this.rightNode);
}
onRotateClick() {
tween(this.leftNode)
.by(3.0, {eulerAngles : new Vec3(0, randomRange(0, 180), 0)})
.start();
/*
// 使用tween旋转四元数会导致拉伸，应该使用欧拉角进行线性旋转
let rot = this.leftNode.getRotation();
this.leftNode.rotate(rot);
let out : Quat = new Quat();
Quat.rotateAroundLocal(out, rot, Vec3.UP, Math.PI * 0.05);
tween(this.leftNode)
.to(3.0, {rotation : out })
.start();*/
}
onPosClick() {