Cocos Creator +TypeScript — 2D入门小游戏制作Demo（二）结点移动、随机方向、prefab、计时器、鼠标点击、全局变量、字体显示

2D入门小游戏制作Demo（一）说明、准备工作和场景搭建

上篇文章我们完成了准备工作，讲了基础的图片资源的使用。现在我们关注脚本的编写以及prefab的使用。

1.结点移动、随机方向

atomMove.ts脚本——实现atom物体的移动，并且我们给atom一个随机的初始方向。

import { _decorator, Component, Node,randomRange, Vec2 } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('AtomMove')
export class AtomMove extends Component {
    //属性声明  该属性会显示在引擎的属性编辑器中
    @property
    moveSpeed = 20.0;

    //私有属性声明 ，记得import相关库
    private randomVec2 : Vec2 = new Vec2();

    //开始函数
    start () {
        //随机方向
        this.getRandomDir();
    }

    //帧刷新
    update (deltaTime: number) {
        let x : number | undefined = this.node.position.x ;
        let newX = x+this.moveSpeed* deltaTime*this.randomVec2.x ;

        let y : number | undefined = this.node.position.y ;