Unity3D 学习笔记 —— Tween对象的实现与动作管理

Unity3D 学习笔记 —— Tween对象的实现与动作管理

    这周的作业我选择做Tween的实现, 一方面觉得挺好玩的(可以拓展原有系统类的方法, 想想就激动。 相当于可以把自己写的一些方法像库一样使用)。另一方面觉得的确有用, 而不是像GUI那样全程看教程或者文档跟着做就完事了(没有贬低的意思)

1. 预备知识

a. C#的拓展方法

C#的拓展方法, 就是提供了一种让我们可以为原有类添加新方法的功能。一个声明拓展方法的Demo如下:

public static class extend_method_test{
        //This is Extened Method, The first parameter beging with (this Type name, args)
        public static bool NextBool(this System.Random random)
        {
                return random.NextDouble() > 0.5;
        }
}

public class NewBehaviourScript : MonoBehaviour {
        // Use this for initialization
        void Start () {
                System.Random rand = new System.Random();
                print (rand.NextBool ());
        }

        // Update is called once per frame
        void Update () {

        }
}

主要注意以下几点:
1. 拓展方法要放在一个public static class里面
2. 拓展方法本身应该是静态的, 即包含 static修饰。
3. 拓展方法参数第一位代表要拓展的对象, 记得一定要用this修饰之。
4. 拓展方法后面的参数, 代表使用时需要传递的参数。

b. C#协程的使用

教程在这里: http://www.cnblogs.com/vivid-stanley/p/5272736.html
使用协程可以让程序实现类似多线程的效果。

c. 对Tween的了解。

这里当然要上DOTween 的官网:http://dotween.demigiant.com/documentation.php
这里写图片描述

还有很多,不可能一一实现,挑其中几个就好了。

2. 实现过程

a. 拓展方法的添加。

     既然是说拓展方法, 那么先来两个简单的例子:

        public static Vector3 GetRGB(this Color color) {
            return new Vector3 (color.r, color.g, color.b);
        }
        public static Color ToColor(this Vector3 vec3) {
            return new Color (vec3.x, vec3.y, vec3.z);
        }

这两个方法分别拓展了 Color 和 Vector3 类, 相当于实现了从Vector3和Color的相互转化(取RGB值),这里在
实现 DoColor()方法时会用到。
然后是实现动作的拓展方法, 以DoMove()方法的代码为例子(其他的差不多)

        public static tween 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我会为您解答关于WebGL three.js的阴影与实现物体动画的问题。首先,让我们来了解一下WebGL three.js是什么。 WebGL three.js是一款基于WebGL的JavaScript 3D库,可以帮助我们快速搭建3D场景和应用。接下来我们来讲解阴影和实现物体动画的方法。 一、阴影 阴影是模拟物体之间的阴影效果,让3D场景更加真实。在three.js中,我们可以通过设置Mesh的castShadow和receiveShadow属性来实现阴影效果。 1. 首先,我们需要在场景中添加光源,例如SpotLight或DirectionalLight。 2. 然后,在需要投射阴影的物体上设置castShadow为true。 3. 最后,在需要接收阴影的物体上设置receiveShadow为true。 代码示例: ```javascript // 添加光源 const light = new THREE.SpotLight(0xffffff); light.position.set(0, 100, 0); light.castShadow = true; scene.add(light); // 添加需要投射阴影的物体 const cube = new THREE.Mesh(new THREE.BoxGeometry(10, 10, 10), new THREE.MeshLambertMaterial({ color: 0xff0000 })); cube.castShadow = true; scene.add(cube); // 添加需要接收阴影的物体 const plane = new THREE.Mesh(new THREE.PlaneGeometry(200, 200, 1, 1), new THREE.MeshLambertMaterial({ color: 0xffffff })); plane.receiveShadow = true; plane.rotation.x = -Math.PI / 2; scene.add(plane); ``` 二、物体动画 在three.js中,我们可以通过Tween.js库来实现物体的动画效果。Tween.js是一款JavaScript动画库,可以帮助我们实现非常丰富的动画效果。 1. 首先,我们需要在HTML文件中引入Tween.js库文件。 2. 然后,在需要动画的物体上设置初始状态。 3. 最后,通过Tween.js库来设置物体的目标状态和动画效果,例如缓动动画(ease)或弹跳动画(bounce)。 代码示例: ```javascript // 引入Tween.js库文件 <script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/18.6.4/tween.min.js"></script> // 添加需要动画的物体 const cube = new THREE.Mesh(new THREE.BoxGeometry(10, 10, 10), new THREE.MeshLambertMaterial({ color: 0xff0000 })); cube.position.set(0, 0, 0); scene.add(cube); // 设置初始状态 const start = { x: 0, y: 0, z: 0 }; // 设置目标状态 const end = { x: 50, y: 50, z: 50 }; // 设置动画效果 const tween = new TWEEN.Tween(start) .to(end, 1000) .easing(TWEEN.Easing.Quadratic.InOut) .onUpdate(() => { cube.position.set(start.x, start.y, start.z); }) .start(); ``` 以上是关于WebGL three.js阴影与实现物体动画的方法,希望能够对您有所帮助。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值