咦~this扩展还可以这样(滑稽)

Unity GameObject 扩展方法
本文介绍了一系列针对Unity中GameObject的扩展方法,包括显示、隐藏和销毁对象的实用功能,这些方法通过静态类实现,旨在简化游戏开发中的常见操作。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public static class GameObjectEx  {

    public static GameObject show(this GameObject self)
    {
        self.SetActive(true);
        return self;
    }
    public static GameObject hide(this GameObject self)
    {
        self.SetActive(false);
        return self;
    }
    public static GameObject DestroySelf(this GameObject self)
    {
        GameObject.Destroy(self);
        return self;
    }
}

 

### 创建带有可动眼睛的滑稽笑脸 为了创建一个具有动态移动眼睛效果的滑稽笑脸,可以利用 HTML 结合 CSS 和 JavaScript 来完成。下面是一个简单的例子来展示这一功能。 #### 使用HTML定义结构 首先,在HTML文件中构建基本的脸部布局: ```html <div class="face"> <div class="eye left-eye"></div> <div class="eye right-eye"></div> </div> ``` 这段代码设置了两个代表眼睛的 `div` 元素以及它们所属的一个更大的容器——脸的部分[^1]。 #### 应用CSS样式美化界面并设置初始位置 接着通过CSS给这些元素添加外观属性,并设定眼睛的位置: ```css .face { width: 200px; height: 200px; background-color: yellow; border-radius: 50%; position: relative; /* 定位上下文 */ } .eye { width: 30px; height: 30px; background-color: black; border-radius: 50%; position: absolute; top: 70px; } .left-eye { left: 60px; } .right-eye { right: 60px; } ``` 这里为脸部设定了黄色背景和圆形形状;对于每只眼,则指定了黑色圆圈作为眼球,并放置在适当的位置上[^2]。 #### 添加JavaScript实现交互性 最后一步是加入一些JavaScript逻辑让眼睛跟随鼠标的动作而转动: ```javascript document.addEventListener('mousemove', function(event){ const eyes = document.querySelectorAll('.eye'); eyes.forEach(function(eye){ let x = (event.clientX * 100 / window.innerWidth) + '%'; let y = (event.clientY * 100 / window.innerHeight) + '%'; eye.style.transform = 'translate(-' + x + ', -' + y + ')'; }); }); ``` 上述脚本监听整个文档上的鼠标移动事件,并计算相对于视窗宽度高度的比例值用于调整两只眼睛的位置,使得看起来像是随着用户的光标方向注视着某处一样[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值