HarmonyOS案例：摇杆游戏

本案例主要演示如何通过一系列的动画效果以及运算实现摇杆控制组件同步运动的功能，界面简陋无需在意。

欢迎大家的阅读和评价，也欢迎大佬们批评、指正，我将继续努力，奉上更加专业的、高效的代码案例。

import curves from '@ohos.curves'
import { Header } from '../models/Header'

@Entry
@Component
export default struct GamePage {
  //是否开始游戏
  @State isShow: boolean = false
  //是否开始游戏
  @State zhangAi: boolean = false
  //遥感区域中心点
  private centerX: number = 120
  private centerY: number = 120
  //角度正弦和余弦
  sin: number = 0
  cos: number = 0
  //大小圆直径
  @State big: number = 100
  @State sam: number = 20
  //摇杆小球初始位置
  @State samX: number = this.centerX
  @State samY: number = this.centerY
  //透明度
  @State tmd: number = 1
  //移动速度
  speed: number = 1
  //任务ID
  taskID = -1
  //移动小人“主角”的坐标
  @State actorX: number = 40
  @State actorY: number = 40
  //移动小人“障碍”的坐标
  @State zhangAiX: number = 150
  @State zhangAiY: number = 230
  //主角旋转的角度
  @State angle: number = 0
  //计分板
  @State fenShu: number = 0
  @State shengMing: number = 3
  @State BDR: number = 0

  //障碍物背景色
  @State backColor:string = '#dddddd'.toString()

  @Styles backStyle(){
    .width('100%')
    .he