完成放大镜效果

assets/Scene/Magnifying_mirror/Magnifying_mirror.ts

@@ -0,0 +1,50 @@
+const {ccclass, property} = cc._decorator;
+
+@ccclass
+export default class MagnifyingMirror extends cc.Component {
+    @property(cc.Node)
+    mirror: cc.Node = null;
+    @property(cc.Node)
+    mirrorCameraNode: cc.Node = null;
+    @property(cc.Node)
+    tempCameraSpriteNode: cc.Node = null;
+
+
+    viewSize: cc.Size = null;
+    onLoad () {
+      this.viewSize = cc.view.getVisibleSize();
+      this.initCamera();
+      this.mirrorCameraNode.setPosition(this.mirror.getPosition());
+
+      this.node.on(cc.Node.EventType.TOUCH_START, this.touchStartEvent, this);
+      this.node.on(cc.Node.EventType.TOUCH_MOVE, this.touchMoveEvent, this);
+    }
+
+    touchStartPos: cc.Vec2 = null;
+    mirrorOriginPos: cc.Vec2 = null;
+    touchStartEvent(event) {
+      this.touchStartPos = event.getLocation();
+      this.mirrorOriginPos = this.mirror.getPosition();
+    }
+
+    touchMoveEvent(event) {
+      let touchPos: cc.Vec2 = event.getLocation();
+      let pos = this.mirrorOriginPos.add(touchPos.subtract(this.touchStartPos))
+
+      this.mirror.setPosition(pos);
+      this.mirrorCameraNode.setPosition(pos);
+    }
+
+    initCamera() {
+      let visibleRect = cc.view.getVisibleSize();
+
+      let texture = new cc.RenderTexture();
+      texture.initWithSize(visibleRect.width, visibleRect.height);
+      let spriteFrame = new cc.SpriteFrame();
+      spriteFrame.setTexture(texture);
+      this.mirrorCameraNode.getComponent(cc.Camera).targetTexture = texture;
+
+      this.tempCameraSpriteNode.getComponent(cc.Sprite).spriteFrame = spriteFrame;
+      this.tempCameraSpriteNode.scaleY = -1;
+    }
+}