index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta name="generator" content="Hexo 4.2.0">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">


<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">

<script id="hexo-configurations">
    var NexT = window.NexT || {};
    var CONFIG = {"hostname":"github.com","root":"/","scheme":"Muse","version":"7.8.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},"copycode":{"enable":false,"show_result":false,"style":null},"back2top":{"enable":true,"sidebar":false,"scrollpercent":false},"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"algolia":{"hits":{"per_page":10},"labels":{"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}},"localsearch":{"enable":false,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}};
  </script>

  <meta property="og:type" content="website">
<meta property="og:title" content="Hexo">
<meta property="og:url" content="https://github.com/giterwen/giterwen.github.io.git/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Yesterday Once More">
<meta name="twitter:card" content="summary">

<link rel="canonical" href="https://github.com/giterwen/giterwen.github.io.git/">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome : true,
    isPost : false,
    lang   : 'en'
  };
</script>

  <title>Hexo</title>
  

  <noscript>
  <style>
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-header { opacity: initial; }

  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage">
  <div class="container use-motion">
    <div class="headband"></div>

    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="Toggle navigation bar">
      <span class="toggle-line toggle-line-first"></span>
      <span class="toggle-line toggle-line-middle"></span>
      <span class="toggle-line toggle-line-last"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <span class="logo-line-before"><i></i></span>
      <h1 class="site-title">Hexo</h1>
      <span class="logo-line-after"><i></i></span>
    </a>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger">
    </div>
  </div>
</div>


<nav class="site-nav">
  <ul id="menu" class="menu">
        <li class="menu-item menu-item-home">

    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>Home</a>

  </li>
        <li class="menu-item menu-item-about">

    <a href="/about/" rel="section"><i class="fa fa-fw fa-user"></i>About</a>

  </li>
        <li class="menu-item menu-item-categories">

    <a href="/categories/" rel="section"><i class="fa fa-fw fa-th"></i>Categories</a>

  </li>
        <li class="menu-item menu-item-archives">

    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>Archives</a>

  </li>
        <li class="menu-item menu-item-schedule">

    <a href="/schedule/" rel="section"><i class="fa fa-fw fa-calendar"></i>Schedule</a>

  </li>
        <li class="menu-item menu-item-sitemap">

    <a href="/sitemap.xml" rel="section"><i class="fa fa-fw fa-sitemap"></i>Sitemap</a>

  </li>
  </ul>
</nav>


</div>
    </header>

    
  <div class="back-to-top">
    <i class="fa fa-arrow-up"></i>
    <span>0%</span>
  </div>


    <main class="main">
      <div class="main-inner">
        <div class="content-wrap">
          

          <div class="content index posts-expand">
            
      
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2022/01/30/TikTok_IOS/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2022/01/30/TikTok_IOS/" class="post-title-link" itemprop="url">TikTok ios观看</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>
              

              <time title="Created: 2022-01-30 16:31:00 / Modified: 17:01:33" itemprop="dateCreated datePublished" datetime="2022-01-30T16:31:00+08:00">2022-01-30</time>
            </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/TikTok/" itemprop="url" rel="index"><span itemprop="name">TikTok</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <h3 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h3><p>因为自己本身有每天中午观看tiktok半小时需求，晚上偶尔也看半小时左右。前段时间换了新手机，忘记了整个流程，所以也是查阅搜索了相关博客、油管视频，现总结如下。声明：本人纯属个人使用探索，为记录自己需要内容或学习感悟，不涉及商业用途，如有侵权，请告知并会删除。</p>
<h3 id="所需工具"><a href="#所需工具" class="headerlink" title="所需工具"></a>所需工具</h3><p>一部iPhone，一个美区appleid，iTunes(老版本)，QuantumultX(或是ShadowRocket等)，爱思助手(或是iMazing用于安装ipa)，Fiddler(软件抓包)，版本号对应版本id查找工具。</p>
<h3 id="下载对应版本TikTok"><a href="#下载对应版本TikTok" class="headerlink" title="下载对应版本TikTok"></a>下载对应版本TikTok</h3><p>1.先安装老版本iTunes，在iTunes–智能刷机–其他工具，选择最后一个支持应用商店的iTunes下载并安装。登录自己的美区账号，找到tiktok</p>
<p><img src="tiktok_applestore.jpg" alt=""></p>
<p>2.打开旧版应用下载工具，先找到对应的 软件即tiktok,然后右键查看历史版本，找到我们所需的17.8.1版本，得知版本id为838412699</p>
<p><img src="tiktok_search.jpg" alt=""></p>
<p><img src="tiktok_1781.jpg" alt=""></p>
<p>3.安装并打开Fiddler，复制代码bpu MZBuy.woa 将其填入左下黑色输入框内并按enter。然后在iTunes里点击下载tiktok，这时fiddler软件就会有响应反应，找到含字母T的红色图标点击选中，选择Inspectors-TextView，此时就会看到当前版本tiktok对应的版本id。我们要做的就是把第二步查找的对应版本id在此时复制替换掉，然后点击Run to Completion按钮。这个时候就等待iTunes慢慢下载完成。</p>
<p><img src="fiddler.jpg" alt=""></p>
<p><img src="fiddler_progress.jpg" alt=""></p>
<p>4.安装对应TikTok。在上述第三步下载完之后，在iTunes资料库里有下载完的ipa文件，可以右键选择的Windows资源管理器中显示。打开爱思助手，选择我的设备–应用游戏–导入安装，然后找到刚才下载完的ipa，此时便已安装好对应版本TikTok</p>
<p>5.避免地区限制。在QuantumultX软件里编辑配置，找打rewrite_local一栏，将如下代码复制粘贴</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">(?&lt;&#x3D;_region&#x3D;)CN(?&#x3D;&amp;) url 307 JP</span><br><span class="line">(?&lt;&#x3D;&amp;mcc_mnc&#x3D;)4 url 307 2</span><br><span class="line">^(https?:\&#x2F;\&#x2F;(tnc|dm)[\w-]+\.\w+\.com\&#x2F;.+)(\?)(.+) url 302  $1$3</span><br><span class="line">(?&lt;&#x3D;\d\&#x2F;\?\w&#123;7&#125;_\w&#123;4&#125;&#x3D;)1[6-9]..(?&#x3D;.?.?&amp;) url 307 17</span><br></pre></td></tr></table></figure>

<p>然后在mitm一栏</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">hostname &#x3D; *.tiktokv.com, *byteoversea.com, *tik-tokapi.com</span><br></pre></td></tr></table></figure>

<p>当然首先mitm证书得配置好</p>
<p>至此，整个titok对应版本软件安装完并且解除限制，如果有问题再仔细看看是哪步出了问题。也可以对比网上其他教程查看。</p>
<p>ref:<a href="https://github.com/giterwen/TikTok_Need">https://github.com/giterwen/TikTok_Need</a></p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2021/08/28/%E7%BA%A2%E7%82%B9%E7%B3%BB%E7%BB%9F%E7%AE%A1%E7%90%86/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2021/08/28/%E7%BA%A2%E7%82%B9%E7%B3%BB%E7%BB%9F%E7%AE%A1%E7%90%86/" class="post-title-link" itemprop="url">红点系统管理</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2021-08-28 22:54:16" itemprop="dateCreated datePublished" datetime="2021-08-28T22:54:16+08:00">2021-08-28</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2021-09-28 02:59:32" itemprop="dateModified" datetime="2021-09-28T02:59:32+08:00">2021-09-28</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/Unity/" itemprop="url" rel="index"><span itemprop="name">Unity</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>整个红点管理采用树形结构，大概分为三部分：</p>
<p>1.redPointModule，该moudle主要负责红点的绑定和移除监听管理</p>
<p>2.redPointEvents，该模块主要是定义各个系统模块功能红点的事件，以及枚举红点类型，红点依赖的profile声明。</p>
<p>3.CommonUI_RedPoint，红点的实体类，是作为一个cell嵌套到各个红点依赖的实例内部，这个实体cell和普通cell无异，由UI管理。</p>
<h3 id="一、先说用法，以主界面邮件为例"><a href="#一、先说用法，以主界面邮件为例" class="headerlink" title="一、先说用法，以主界面邮件为例"></a>一、先说用法，以主界面邮件为例</h3><p>a.绑定</p>
<figure class="highlight lua"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">layout:OnAppear</span><span class="params">()</span></span></span><br><span class="line"></span><br><span class="line">      ......</span><br><span class="line"></span><br><span class="line">    <span class="keyword">if</span> self._redPointIns ~= <span class="literal">nil</span> <span class="keyword">then</span></span><br><span class="line">        game.modules.RedPointModule:Rebind(self._redPointIns)</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">        self._redPointIns = game.modules.RedPointModule:Bind(&#123; event  = &#123;game.redPointEvent.MAIL_RED, </span><br><span class="line">				game.redPointEvent.TASK_MAIN_RED&#125;,widget = &#123;self.BtnMail.transform.gameObject, </span><br><span class="line">				self.BtnMission.transform.gameObject&#125;,target = self &#125;)</span><br><span class="line">    <span class="keyword">end</span></span><br><span class="line"><span class="keyword">end</span></span><br></pre></td></tr></table></figure>

<p>b.移除</p>
<figure class="highlight lua"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">layout:OnDisappear</span><span class="params">()</span></span></span><br><span class="line">    ......</span><br><span class="line">    <span class="keyword">if</span> self._redPointIns ~= <span class="literal">nil</span> <span class="keyword">then</span></span><br><span class="line">        game.modules.RedPointModule:Unbind(self)</span><br><span class="line">    <span class="keyword">end</span></span><br><span class="line"><span class="keyword">end</span></span><br></pre></td></tr></table></figure>

<p>由于主界面红点需求较多，故上述例子是以一个table一次绑定的，简化代码。</p>
<p>在绑定的时候，需要判断是否绑定过，如果绑定过，只需要调用Rebind，这个API是支持动态替换参数的，具体可以看cell部分代码，如果参数没变，则什么都不传，</p>
<p>内部会再次注册该红点关心的事件。</p>
<p>界面DisApper的时候，记得调用Unbind，这里会移除该红点监听的所有事件，并且移除redPointModule管理的红点实例。</p>
<blockquote>
<p>注：为什么要有refresh的设计，因为我们界面是有两个状态，apper与disapper，二者是相辅相成的，当界面apper后，在disapper，这个时候会调用unBind，会移除掉红点的所有监听，但是红点cell可能并未销毁，还在target的cell列表中，故重新apper的时候，只需要刷新红点信息，监听事件即可。各个模块的红点cell需要大家像普通cell一样，自己管理下，其实也不需要做什么，在destyoy的时候置nil</p>
</blockquote>
<p>cell中的绑定实例：</p>
<p><img src="image.png" alt="image"></p>
<h3 id="二、讲下核心，红点对应的事件"><a href="#二、讲下核心，红点对应的事件" class="headerlink" title="二、讲下核心，红点对应的事件"></a>二、讲下核心，红点对应的事件</h3><p>还有一个地方需要处理，就是红点对应的事件。具体如下图：</p>
<p><img src="template.png" alt=""></p>
<p>这个事件需要在绑定的时候传入，这是重点，需要自己在redPointEvents声明。有两个参数比较重要，特说明一下。</p>
<p>1.CombineEvents：这个参数是红点树的核心，它主要是记录该红点的依赖节点，即子红点。填写的是redPointevents的枚举事件值，需要各个模块自己酌情判断，以免冗余。</p>
<p>注：这里有个建议，就是当根红点只依赖一个子红点，且无其他任何逻辑，就可以简化掉，直接让根红点绑定子红点的事件，而不需要额外在注册这个根红点事件。</p>
<p><img src="root.png" alt=""></p>
<p>2.CheckProfilesKey：该参数即上述注解，需要注意的是，这个参数传入的是红点配置key，至于该红点关心哪些profile，甚至指定profile的指定key，需要在RedPointEvents.RedPointConfig里边声明。</p>
<h3 id="三、最后说下绑定的参数"><a href="#三、最后说下绑定的参数" class="headerlink" title="三、最后说下绑定的参数"></a>三、最后说下绑定的参数</h3><p><img src="bind.png" alt=""></p>
<p>这里没啥要多说的，就在呼应一下之前的主界面例子，支持一次绑定多个。注意，是以widget为判断基准的，其他参数可为数组，也可以是具体值，如果为数组，就要与widget一一对应。target肯定不是数组。</p>
<h3 id="四、补充"><a href="#四、补充" class="headerlink" title="四、补充"></a>四、补充</h3><p>1、CheckShow的参数问题：这个参数在绑定的时候，有个param，传入什么，会原封不动传入CheckShow中，同时在红点内部产生refresh的时候，也会将该参数原封不动传入CheckShow，故该红点绑定的时候传入的是哪个参数，CheckShow的时候就能收到这个参数，不会发生错乱问题，和被谁依赖无关。</p>
<p>2、根红点依赖子红点，但子红点需要参数的问题：这个时候，就需要自己在子红点的CheckShow中处理无参情况。比如角色入口红点依赖内部各个角色的红点，这个时候，内部每个角色的红点绑定同一个redPointEvent，CheckShow中根据参数处理显示逻辑，那么跟红点依赖这个红点，自然无参可传，这个时候，就需要这个redPointEvent的CheckShow处理无参情况，也就是判断所有角色。</p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2021/08/05/Animator%E9%81%87%E5%88%B0%E7%9A%84%E4%BA%8C%E4%B8%89%E4%BA%8B/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2021/08/05/Animator%E9%81%87%E5%88%B0%E7%9A%84%E4%BA%8C%E4%B8%89%E4%BA%8B/" class="post-title-link" itemprop="url">Animator遇到的二三事</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2021-08-05 23:46:07" itemprop="dateCreated datePublished" datetime="2021-08-05T23:46:07+08:00">2021-08-05</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2021-09-27 02:24:41" itemprop="dateModified" datetime="2021-09-27T02:24:41+08:00">2021-09-27</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/Unity/" itemprop="url" rel="index"><span itemprop="name">Unity</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <h5 id="使用动画系统时，有两种控制人物移动的方式"><a href="#使用动画系统时，有两种控制人物移动的方式" class="headerlink" title="使用动画系统时，有两种控制人物移动的方式:"></a>使用动画系统时，有两种控制人物移动的方式:</h5><p>1.使用动画中的位移</p>
<p>好处是:人物的脚步会跟地面贴合，不会出现滑步的问题（人物的移动距离比步子大或者小），控制简单</p>
<p>缺点是:比较依赖动画的制作，程序控制性不高</p>
<p>2.使用代码控制人物的位移</p>
<p>好处:可控性高</p>
<p>缺点:容易出现滑步，控制复杂</p>
<h5 id="修改Animator-Controller中的参数"><a href="#修改Animator-Controller中的参数" class="headerlink" title="修改Animator Controller中的参数:"></a>修改Animator Controller中的参数:</h5><p>设置参数的办法是使用SetInteger、SetFloat、SetBool、SetTrigger</p>
<blockquote>
<p>bool参数和Trigger参数的区别:</p>
</blockquote>
<p>bool参数和trigger参数很像，都是代表布尔值，但是trigger参数只能被设为true，一旦被transition使用，就会自动被设为false。bool类型一般用于持续的状态，比如角色是否趴下。而trigger一般用于使用一次就会恢复的状态，比如开枪，开枪动画播放完以后，会自动恢复到之前的动作</p>
<blockquote>
<p>parameter的id:</p>
</blockquote>
<p>设置parameter的时候设置的是一个字符串的名称，但是在Unity内部是有一个数字id跟它对应的，使用Animator.StringToHash这个API可以将字符串的参数名转为数字id。使用数字id的代码运行效率会稍微高一些</p>
<p>其他SetFloat、SetBool、SetTrigger都类似，但是唯一不同的是SetFoat还有额外的两个重载方法：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">public void SetFloat(string name, float value, float dampTime, float deltaTime);</span><br><span class="line">public void SetFloat(int id, float value, float dampTime, float deltaTime);</span><br></pre></td></tr></table></figure>

<p>dampTime 阻尼时间，deltaTime 时间增量</p>
<blockquote>
<p>SetFloat的那个damp用法:</p>
</blockquote>
<p>damp翻译过来一般是阻尼的意思，你可以理解为缓行。这样Fload值会渐变过去，而不是一下子变成设置的Float值，这个在有些情况下很有用，比如人物的速度。玩家按下W的时候，应该是一个逐渐从0到最大速度的过程，而不应该一下从0到最大速度，这时候就可以用到damp。</p>
<p>效果为如下公式:</p>
<p><img src="damp.png" alt=""></p>
<p>总结:</p>
<ol>
<li>Animator中可以设置参数，用来控制Transition的变化</li>
<li>Has Exit Time也是transition切换的一个条件，只有transition的所有条件都满足时才会进行切换</li>
<li>在代码中可以使用Animator类中的SetXXX方法控制参数，进而控制状态的转换</li>
</ol>
<h5 id="关于生成Layer层的写法"><a href="#关于生成Layer层的写法" class="headerlink" title="关于生成Layer层的写法:"></a>关于生成Layer层的写法:</h5><p>写法1:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">var layers &#x3D; productController.layers;</span><br><span class="line">layers[1].defaultWeight &#x3D; 1;</span><br><span class="line">layers[1].blendingMode &#x3D; AnimatorLayerBlendingMode.Additive;</span><br><span class="line">productController.layers &#x3D; layers;</span><br></pre></td></tr></table></figure>

<p>写法2:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">var layers &#x3D; productController.layers;</span><br><span class="line">var layer &#x3D; new UnityEditor.Animations.AnimatorControllerLayer</span><br><span class="line">    &#123;</span><br><span class="line">        name &#x3D; &quot;Face&quot;,</span><br><span class="line">        defaultWeight &#x3D; 1f,</span><br><span class="line">        blendingMode &#x3D; AnimatorLayerBlendingMode.Additive,</span><br><span class="line">        stateMachine &#x3D; new UnityEditor.Animations.AnimatorStateMachine()</span><br><span class="line">     &#125;;</span><br><span class="line">productController.AddLayer(layer);</span><br></pre></td></tr></table></figure>

<p>写法1能够正常导出显示并序列化，但是写法2可以导出显示但无法正常序列化</p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2021/03/08/%E4%B8%80%E4%BA%9B%E7%BD%91%E7%AB%99%E6%94%B6%E9%9B%86/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2021/03/08/%E4%B8%80%E4%BA%9B%E7%BD%91%E7%AB%99%E6%94%B6%E9%9B%86/" class="post-title-link" itemprop="url">一些网站收集</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2021-03-08 01:06:24" itemprop="dateCreated datePublished" datetime="2021-03-08T01:06:24+08:00">2021-03-08</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2021-09-27 02:36:23" itemprop="dateModified" datetime="2021-09-27T02:36:23+08:00">2021-09-27</time>
              </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>行业报告    <a href="http://report.seedsufe.com/#/report" target="_blank" rel="noopener">http://report.seedsufe.com/#/report</a><br>世界之声    <a href="https://aporee.org/maps/" target="_blank" rel="noopener">https://aporee.org/maps/</a><br>商用图片    <a href="https://www.pexels.com/zh-cn/" target="_blank" rel="noopener">https://www.pexels.com/zh-cn/</a><br>抠图    <a href="https://www.remove.bg/" target="_blank" rel="noopener">https://www.remove.bg/</a><br>抠视频    <a href="https://www.unscreen.com/" target="_blank" rel="noopener">https://www.unscreen.com/</a><br>打字比赛    <a href="https://play.typeracer.com/" target="_blank" rel="noopener">https://play.typeracer.com/</a><br>空投    <a href="https://airportal.cn/" target="_blank" rel="noopener">https://airportal.cn/</a><br>宝贝DJ    <a href="http://www.bbdj.com/" target="_blank" rel="noopener">http://www.bbdj.com/</a><br>色彩    <a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" rel="noopener">https://color.adobe.com/zh/create/color-wheel</a><br>3D模型    <a href="https://sketchfab.com/" target="_blank" rel="noopener">https://sketchfab.com/</a><br>核爆    <a href="https://nuclearsecrecy.com/nukemap/" target="_blank" rel="noopener">https://nuclearsecrecy.com/nukemap/</a><br>约稿    <a href="https://www.mihuashi.com/artists" target="_blank" rel="noopener">https://www.mihuashi.com/artists</a><br>虚拟博物馆    <a href="https://virtual.mauritshuis.nl/index.html?lang=en&amp;startscene=21" target="_blank" rel="noopener">https://virtual.mauritshuis.nl/index.html?lang=en&amp;startscene=21</a><br>尺寸    <a href="https://www.dimensions.com/" target="_blank" rel="noopener">https://www.dimensions.com/</a><br>迪士尼化    <a href="https://toonme.com/" target="_blank" rel="noopener">https://toonme.com/</a><br>动态图表    <a href="https://hanabi.data-viz.cn/index?lang=zh-CN" target="_blank" rel="noopener">https://hanabi.data-viz.cn/index?lang=zh-CN</a><br>中国营养    <a href="https://www.fatsecret.cn/%E7%83%AD%E9%87%8F%E8%90%A5%E5%85%BB/" target="_blank" rel="noopener">https://www.fatsecret.cn/%E7%83%AD%E9%87%8F%E8%90%A5%E5%85%BB/</a><br>发现    <a href="https://www.producthunt.com/" target="_blank" rel="noopener">https://www.producthunt.com/</a><br>找音乐    <a href="https://www.tunefind.com/" target="_blank" rel="noopener">https://www.tunefind.com/</a><br>996身临其境    <a href="https://imisstheoffice.eu/" target="_blank" rel="noopener">https://imisstheoffice.eu/</a><br>森林之声    <a href="https://www.tree.fm/" target="_blank" rel="noopener">https://www.tree.fm/</a><br>西方电音    <a href="https://www.traxsource.com/dj-top-10s" target="_blank" rel="noopener">https://www.traxsource.com/dj-top-10s</a><br>猜真假    <a href="https://landing.adobe.com/en/na/products/creative-cloud/69308-real-or-photoshop/index.html" target="_blank" rel="noopener">https://landing.adobe.com/en/na/products/creative-cloud/69308-real-or-photoshop/index.html</a><br>魔性    <a href="https://patatap.com/" target="_blank" rel="noopener">https://patatap.com/</a><br>中华珍宝馆    <a href="https://www.ltfc.net/exhibit/recent" target="_blank" rel="noopener">https://www.ltfc.net/exhibit/recent</a><br>英语游戏    <a href="https://www.merriam-webster.com/" target="_blank" rel="noopener">https://www.merriam-webster.com/</a></p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/11/05/fbx-import-ref/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/11/05/fbx-import-ref/" class="post-title-link" itemprop="url">由FBX导入生成预制体引起的二三事</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2020-11-05 23:46:07" itemprop="dateCreated datePublished" datetime="2020-11-05T23:46:07+08:00">2020-11-05</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2020-11-06 00:28:18" itemprop="dateModified" datetime="2020-11-06T00:28:18+08:00">2020-11-06</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/Unity/" itemprop="url" rel="index"><span itemprop="name">Unity</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>这几天由于分支开发，发现主干迁移开辟的新分支上部分预制体挂载的timeline Binding的Animator引用丢失了</p>
<p><img src="timeline_bind.png" alt=""></p>
<p>想到去对比版本管理器上提交的日志是否有改动差异，结果发现并没有。然后将不同版本的角色预制体拖进VSCode对比相关文件，发现一模一样，根本没差异。</p>
<p><img src="trunk_tree_compare.png" alt=""></p>
<p>这很令人奇怪，明明预制体的信息和提交都没发生变化，但在最新的分支工程却丢失了引用资源，但是同丢失引用资源inspector下会是missing value显示。</p>
<p>在Google下通过搜索”unity timeline  bind”关键词，查到一篇似乎有帮助的<a href="https://blog.csdn.net/cai612781/article/details/99947344" target="_blank" rel="noopener">博客</a></p>
<p>于是就开启Debug模式对比了一下两者差异，发现分支工程中的animator绑定的value字段为missing value。</p>
<p><img src="timeline_debug.png" alt=""></p>
<p>这个结果有些意思，默认下是为空，但是Debug模式下确是引用为空，而且prefab以文本形式打开确实有引用的guid的。这时，旁边负责角色资源预制体工具生成的同学想到了什么，当即把两者所用的FBX文件分别拖入场景中，发现分支工程里的模型文件并没有生成Animator，于是去找引擎大佬咨询是不是模型资源导入做了特殊的后处理操作。经过引擎大佬的查看，是由于此模型文件Rig设置中Avatar Definition改为Copy From Other Avatar，引用了其他模型文件中的avatar，从而自己这里就不再创建生成avatar，进而也就不会自动创建AnimatorController了。</p>
<p><img src="rig_info.png" alt=""></p>
<p>顺便也给我解释了这样改动的原因是同一角色的预制体有多份模型文件的话这样就就可以复用avatar而不用再多一份内存开销。</p>
<p>总结至此所有的困惑与问题都已解决，预制体资源文件对比相同，但是角色的animator默认是由带有avatar的模型文件生成的，如果想要不由fbx生成ac，那么就将其删掉，主动在prefab上挂载生成新的，那么这个ac引用就属于预制体本身引用关系，而跟fbx文件就无引用关系了。</p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/10/31/RectMask2D/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/10/31/RectMask2D/" class="post-title-link" itemprop="url">RectMask2D详解</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>
              

              <time title="Created: 2020-10-31 01:54:21 / Modified: 02:00:49" itemprop="dateCreated datePublished" datetime="2020-10-31T01:54:21+08:00">2020-10-31</time>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>RectMaskD的基本原理就是CanvasRenderer的EnableRectClipping方法</p>
<p>基本原理比较简单，复杂点在于其上层逻辑比较复杂，今天就按逻辑顺序进行分析。<br>1）启动时通过ClipperRegistry.Register(this);将自己注册到RectMask2D的管理类ClipperRegistry中，便于后续统一调用。<br>2）启动的同时通过 MaskUtilities.Notify2DMaskStateChanged(this)通知所有子游戏物体（继承IClippable，后续简称子Clippable）重新更新Clipp状态（通过UpdateClipParent重新确定影响自身Clip的RectMask2D）；由于考虑到会存在多个Canvas以及RectMask2D的情况，所以子Clippable在得到重新更新状态通知时，会调用MaskUtilities.GetRectMaskForClippable方法重新确认RectMask2D。确认后每个子Clippable将自己添加到相应的RectMask2D维护的列表中。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">public static void Notify2DMaskStateChanged(Component mask)</span><br><span class="line">&#123;</span><br><span class="line">	var components &#x3D; ListPool&lt;Component&gt;.Get();</span><br><span class="line">	mask.GetComponentsInChildren(components);</span><br><span class="line">	for (var i &#x3D; 0; i &lt; components.Count; i++)</span><br><span class="line">	&#123;</span><br><span class="line">		if (components[i] &#x3D;&#x3D; null || components[i].gameObject &#x3D;&#x3D; mask.gameObject)</span><br><span class="line">			continue;</span><br><span class="line"></span><br><span class="line">		var toNotify &#x3D; components[i] as IClippable;</span><br><span class="line">		if (toNotify !&#x3D; null)</span><br><span class="line">			toNotify.RecalculateClipping();</span><br><span class="line">	&#125;</span><br><span class="line">	ListPool&lt;Component&gt;.Release(components);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>以上两步为逻辑层控制实现子游戏物体mask的基础。后续是实现mask的方法。</p>
<p>3）当Canvas更新时会调用ClipperRegistry的cull方法进行剔除（即实现遮罩），如下所示。cull方法会通知所有的RectMask2D进行PerformClipping。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">public void Cull()</span><br><span class="line">&#123;</span><br><span class="line">	for (var i &#x3D; 0; i &lt; m_Clippers.Count; ++i)</span><br><span class="line">	&#123;</span><br><span class="line">		m_Clippers[i].PerformClipping();</span><br><span class="line">	&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>4）当RectMask2D收到PerformClipping命令时，先获取所有父类有效的RectMask2D。这是为了后续计算遮罩的范围Rect。因为当有两个RectMask2D时，裁切范围是两个共同作用的区域。然后采用Clipping.FindCullAndClipWorldRect方法计算裁切区域。通过名字也可以知道，计算出来的rect为world级别的（其实就是对应的Canvas下的坐标值）。</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br></pre></td><td class="code"><pre><span class="line">public static Rect FindCullAndClipWorldRect(List&lt;RectMask2D&gt; rectMaskParents, out bool validRect)</span><br><span class="line">&#123;</span><br><span class="line">	if (rectMaskParents.Count &#x3D;&#x3D; 0)</span><br><span class="line">	&#123;</span><br><span class="line">		validRect &#x3D; false;</span><br><span class="line">		return new Rect();</span><br><span class="line">	&#125;</span><br><span class="line"></span><br><span class="line">	var compoundRect &#x3D; rectMaskParents[0].canvasRect;</span><br><span class="line">	for (var i &#x3D; 0; i &lt; rectMaskParents.Count; ++i)</span><br><span class="line">		compoundRect &#x3D; RectIntersect(compoundRect, rectMaskParents[i].canvasRect);</span><br><span class="line"></span><br><span class="line">	var cull &#x3D; compoundRect.width &lt;&#x3D; 0 || compoundRect.height &lt;&#x3D; 0;</span><br><span class="line">	if (cull)</span><br><span class="line">	&#123;</span><br><span class="line">		validRect &#x3D; false;</span><br><span class="line">		return new Rect();</span><br><span class="line">	&#125;</span><br><span class="line"></span><br><span class="line">	Vector3 point1 &#x3D; new Vector3(compoundRect.x, compoundRect.y, 0.0f);</span><br><span class="line">	Vector3 point2 &#x3D; new Vector3(compoundRect.x + compoundRect.width, compoundRect.y + compoundRect.height, 0.0f);</span><br><span class="line">	validRect &#x3D; true;</span><br><span class="line">	return new Rect(point1.x, point1.y, point2.x - point1.x, point2.y - point1.y);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>其中比较有用的一个方法是计算两个rect的相交范围：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">private static Rect RectIntersect(Rect a, Rect b)</span><br><span class="line">&#123;</span><br><span class="line">	float xMin &#x3D; Mathf.Max(a.x, b.x);</span><br><span class="line">	float xMax &#x3D; Mathf.Min(a.x + a.width, b.x + b.width);</span><br><span class="line">	float yMin &#x3D; Mathf.Max(a.y, b.y);</span><br><span class="line">	float yMax &#x3D; Mathf.Min(a.y + a.height, b.y + b.height);</span><br><span class="line">	if (xMax &gt;&#x3D; xMin &amp;&amp; yMax &gt;&#x3D; yMin)</span><br><span class="line">		return new Rect(xMin, yMin, xMax - xMin, yMax - yMin);</span><br><span class="line">	return new Rect(0f, 0f, 0f, 0f);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>5）当确定了裁切范围后，RectMask2D通知自己维护的IClippable列表成员进行裁切，然后每个IClippable列表成员调用 canvasRenderer.EnableRectClipping(clipRect);进行裁切。</p>
<p>以上为基本流程，真是代码中会考虑其他一些状况。比如第五步并非一定会进行裁切，而是会根据条件选择裁切或者不进行裁切。</p>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/10/31/UGUI-Raycaster/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/10/31/UGUI-Raycaster/" class="post-title-link" itemprop="url">UGUI_Raycaster</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>
              

              <time title="Created: 2020-10-31 01:27:21 / Modified: 01:52:40" itemprop="dateCreated datePublished" datetime="2020-10-31T01:27:21+08:00">2020-10-31</time>
            </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/UGUI/" itemprop="url" rel="index"><span itemprop="name">UGUI</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>此文来分析以下Raycaster。虽然Unity的Raycaster等一些组件跟ui放在一起，但是很多属于事件系统。</p>
<p>在事件系统中，Raycaster用来获取获取当前交互位置（如鼠标位置）对应的游戏物体，其使用位置在EventSystem中的RaycastAll方法。而RaycasterAll方法却是InputModule调用的。</p>
<p><strong>基本流程</strong></p>
<p>所有的Caycaster都继承子BaseRayster，启动时自动加入到RaycasterManager中，然后由EventSystem调用。目前存在PhysicRaycaster和Physics2DRaycaster以及GraphicRaycaster，分别为3D、2D和ui检测的Raycaster。2d和3D的Raycaster基本相同，差异在于检测时调用raycast，检测的对象不同。基本流程如下所示：</p>
<p><img src="raycaster.png" alt=""></p>
<p><strong>PhysicRaycaster</strong></p>
<p>PhysicRaycater和Physic2DRaycaster两者均为“三维实体”，有别于UI元素。流程如下：<br>1）生成射线检测的ray以及计算在camera裁剪平面内的射线距离，以此来舍弃camera空间外的物体。<br>2）其次进行射线检测，但是射线检测时与我们常规使用Physics.Raycast方法不同，采用的是反射的方法。此部分涉及到变量m_MaxRayIntersections，此变量表示是否由射线检测的结果的数量限制。正常使用都是只返回一个结果，但是此处是返回多个结果，然后进行深度判断。<br>3）根据深度对结果进行排序，然后将结果添加到RaycasterResult列表中。</p>
<p><strong>GraphicRaycaster</strong></p>
<p>GraphicRaycaster用来进行ui检测，虽然也使用到了射线，但其当前ui并不是通过射线检测出来的，射线检测只是为了进行2D和3D物体的遮挡距离计算用的。流程如下：<br>1）获取canvas对应的Graphic，因为UI图像显示的核心是Graphic类，而Graphic类都注册在了CanvasRegistry中，所以通过CanvasRegistry获取所有的Canvas。<br>2）通过EventData的屏幕坐标，处理多屏幕的问题，在移动端是不存在此问题的。<br>3）通过射线检测，找到距离camera最近的2d或者3d物体，并计算距离，用来判断ui是否被遮挡。<br>4）通过判断点击位置是否在ui的rect范围内来确定那个ui是点击ui，并通过计算三角形法则计算点击距离。然后用3）中计算的距离计算遮挡。如果canvas是overlay，则其始终在最前方，所以不存在遮挡问题。<br>5）生成RaycastReuslt列表。</p>
<p><strong>射线检测方法</strong></p>
<p>此处进行对使用反射进行射线检测的方法进行说明，代码中通过注释说明是为了避免模块之间的强引用关系（即不需要引入相关模块的使用），所以通过反射方法来获取。也正因为如此，可以直接拷贝出来使用。<br>代码如下：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br></pre></td><td class="code"><pre><span class="line">using System;</span><br><span class="line">using System.Collections.Generic;</span><br><span class="line">using System.Reflection;</span><br><span class="line"></span><br><span class="line">namespace UnityEngine.UI</span><br><span class="line">&#123;</span><br><span class="line">    internal class ReflectionMethodsCache</span><br><span class="line">    &#123;</span><br><span class="line">        public delegate bool Raycast3DCallback(Ray r, out RaycastHit hit, float f, int i);</span><br><span class="line">        public delegate RaycastHit2D Raycast2DCallback(Vector2 p1, Vector2 p2, float f, int i);</span><br><span class="line">        public delegate RaycastHit[] RaycastAllCallback(Ray r, float f, int i);</span><br><span class="line">        public delegate RaycastHit2D[] GetRayIntersectionAllCallback(Ray r, float f, int i);</span><br><span class="line">        public delegate int GetRayIntersectionAllNonAllocCallback(Ray r, RaycastHit2D[] results, float f, int i);</span><br><span class="line">        public delegate int GetRaycastNonAllocCallback(Ray r, RaycastHit[] results, float f, int i);</span><br><span class="line"></span><br><span class="line">        &#x2F;&#x2F; We call Physics.Raycast and Physics2D.Raycast through reflection to avoid creating a hard dependency from</span><br><span class="line">        &#x2F;&#x2F; this class to the Physics&#x2F;Physics2D modules, which would otherwise make it impossible to make content with UI</span><br><span class="line">        &#x2F;&#x2F; without force-including both modules.</span><br><span class="line">        public ReflectionMethodsCache()</span><br><span class="line">        &#123;</span><br><span class="line">            var raycast3DMethodInfo &#x3D; typeof(Physics).GetMethod(&quot;Raycast&quot;, new[] &#123;typeof(Ray), typeof(RaycastHit).MakeByRefType(), typeof(float), typeof(int)&#125;);</span><br><span class="line">            if (raycast3DMethodInfo !&#x3D; null)</span><br><span class="line">                raycast3D &#x3D; (Raycast3DCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(Raycast3DCallback), raycast3DMethodInfo);</span><br><span class="line">    </span><br><span class="line">            var raycast2DMethodInfo &#x3D; typeof(Physics2D).GetMethod(&quot;Raycast&quot;, new[] &#123;typeof(Vector2), typeof(Vector2), typeof(float), typeof(int)&#125;);</span><br><span class="line">            if (raycast2DMethodInfo !&#x3D; null)</span><br><span class="line">                raycast2D &#x3D; (Raycast2DCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(Raycast2DCallback), raycast2DMethodInfo);</span><br><span class="line">    </span><br><span class="line">            var raycastAllMethodInfo &#x3D; typeof(Physics).GetMethod(&quot;RaycastAll&quot;, new[] &#123;typeof(Ray), typeof(float), typeof(int)&#125;);</span><br><span class="line">            if (raycastAllMethodInfo !&#x3D; null)</span><br><span class="line">                raycast3DAll &#x3D; (RaycastAllCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(RaycastAllCallback), raycastAllMethodInfo);</span><br><span class="line">    </span><br><span class="line">            var getRayIntersectionAllMethodInfo &#x3D; typeof(Physics2D).GetMethod(&quot;GetRayIntersectionAll&quot;, new[] &#123;typeof(Ray), typeof(float), typeof(int)&#125;);</span><br><span class="line">            if (getRayIntersectionAllMethodInfo !&#x3D; null)</span><br><span class="line">                getRayIntersectionAll &#x3D; (GetRayIntersectionAllCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(GetRayIntersectionAllCallback), getRayIntersectionAllMethodInfo);</span><br><span class="line">    </span><br><span class="line">            var getRayIntersectionAllNonAllocMethodInfo &#x3D; typeof(Physics2D).GetMethod(&quot;GetRayIntersectionNonAlloc&quot;, new[] &#123; typeof(Ray), typeof(RaycastHit2D[]), typeof(float), typeof(int) &#125;);</span><br><span class="line">            if (getRayIntersectionAllNonAllocMethodInfo !&#x3D; null)</span><br><span class="line">                getRayIntersectionAllNonAlloc &#x3D; (GetRayIntersectionAllNonAllocCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(GetRayIntersectionAllNonAllocCallback), getRayIntersectionAllNonAllocMethodInfo);</span><br><span class="line">    </span><br><span class="line">            var getRaycastAllNonAllocMethodInfo &#x3D; typeof(Physics).GetMethod(&quot;RaycastNonAlloc&quot;, new[] &#123; typeof(Ray), typeof(RaycastHit[]), typeof(float), typeof(int) &#125;);</span><br><span class="line">            if (getRaycastAllNonAllocMethodInfo !&#x3D; null)</span><br><span class="line">                getRaycastNonAlloc &#x3D; (GetRaycastNonAllocCallback)UnityEngineInternal.ScriptingUtils.CreateDelegate(typeof(GetRaycastNonAllocCallback), getRaycastAllNonAllocMethodInfo);</span><br><span class="line">        &#125;</span><br><span class="line">    </span><br><span class="line">        public Raycast3DCallback raycast3D &#x3D; null;</span><br><span class="line">        public RaycastAllCallback raycast3DAll &#x3D; null;</span><br><span class="line">        public Raycast2DCallback raycast2D &#x3D; null;</span><br><span class="line">        public GetRayIntersectionAllCallback getRayIntersectionAll &#x3D; null;</span><br><span class="line">        public GetRayIntersectionAllNonAllocCallback getRayIntersectionAllNonAlloc &#x3D; null;</span><br><span class="line">        public GetRaycastNonAllocCallback getRaycastNonAlloc &#x3D; null;</span><br><span class="line">    </span><br><span class="line">        private static ReflectionMethodsCache s_ReflectionMethodsCache &#x3D; null;</span><br><span class="line">    </span><br><span class="line">        public static ReflectionMethodsCache Singleton</span><br><span class="line">        &#123;</span><br><span class="line">            get</span><br><span class="line">            &#123;</span><br><span class="line">                if (s_ReflectionMethodsCache &#x3D;&#x3D; null)</span><br><span class="line">                    s_ReflectionMethodsCache &#x3D; new ReflectionMethodsCache();</span><br><span class="line">                return s_ReflectionMethodsCache;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p>使用时直接调用如下六个回调即可：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">&#x2F;&#x2F;获取射线检测到的第一个3D物体</span><br><span class="line">public Raycast3DCallback raycast3D &#x3D; null;</span><br><span class="line">&#x2F;&#x2F;返回检测到的所有3D物体</span><br><span class="line">public RaycastAllCallback raycast3DAll &#x3D; null;</span><br><span class="line">&#x2F;&#x2F;获取射线检测到的第一个2D物体</span><br><span class="line">public Raycast2DCallback raycast2D &#x3D; null;</span><br><span class="line">&#x2F;&#x2F;返回检测到的所有2D游戏物体</span><br><span class="line">public GetRayIntersectionAllCallback getRayIntersectionAll &#x3D; null;</span><br><span class="line">&#x2F;&#x2F;返回检测到的所需2D游戏物体，即返回前n个结果，n可以自己定义</span><br><span class="line">public GetRayIntersectionAllNonAllocCallback getRayIntersectionAllNonAlloc &#x3D; null;</span><br><span class="line">&#x2F;&#x2F;返回检测到的所需3D游戏物体，即返回前n个结果，n可以自己定义</span><br><span class="line">public GetRaycastNonAllocCallback getRaycastNonAlloc &#x3D; null;</span><br></pre></td></tr></table></figure>


    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/08/29/editor-drag-window/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/08/29/editor-drag-window/" class="post-title-link" itemprop="url">编辑器中实现可拖动窗口</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2020-08-29 22:02:42" itemprop="dateCreated datePublished" datetime="2020-08-29T22:02:42+08:00">2020-08-29</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2020-10-29 22:15:12" itemprop="dateModified" datetime="2020-10-29T22:15:12+08:00">2020-10-29</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/Unity/" itemprop="url" rel="index"><span itemprop="name">Unity</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p><img src="drag_window.png" alt=""><br>具体操作如下：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br></pre></td><td class="code"><pre><span class="line">using UnityEngine;</span><br><span class="line">using UnityEditor;</span><br><span class="line">public class NodeEditor : EditorWindow</span><br><span class="line">&#123;</span><br><span class="line">    Rect window1;</span><br><span class="line">    Rect window2;</span><br><span class="line">    [MenuItem(&quot;Window&#x2F;Node editor&quot;)]</span><br><span class="line">    static void ShowEditor()</span><br><span class="line">    &#123;</span><br><span class="line">        NodeEditor editor &#x3D; EditorWindow.GetWindow&lt;NodeEditor&gt;();</span><br><span class="line">        editor.Init();</span><br><span class="line">    &#125;</span><br><span class="line">    public void Init()</span><br><span class="line">    &#123;</span><br><span class="line">        window1 &#x3D; new Rect(10, 10, 100, 100);</span><br><span class="line">        window2 &#x3D; new Rect(210, 210, 100, 100);</span><br><span class="line">    &#125;</span><br><span class="line">    void OnGUI()</span><br><span class="line">    &#123;</span><br><span class="line">        DrawNodeCurve(window1, window2); </span><br><span class="line">        BeginWindows();</span><br><span class="line">        window1 &#x3D; GUI.Window(1, window1, DrawNodeWindow, &quot;Window 1&quot;);   </span><br><span class="line">        window2 &#x3D; GUI.Window(2, window2, DrawNodeWindow, &quot;Window 2&quot;);</span><br><span class="line">        EndWindows();</span><br><span class="line">    &#125;</span><br><span class="line">    void DrawNodeWindow(int id)</span><br><span class="line">    &#123;</span><br><span class="line">        GUI.DragWindow();</span><br><span class="line">    &#125;</span><br><span class="line">    void DrawNodeCurve(Rect start, Rect end)</span><br><span class="line">    &#123;</span><br><span class="line">        Vector3 startPos &#x3D; new Vector3(start.x + start.width, start.y + start.height &#x2F; 2, 0);</span><br><span class="line">        Vector3 endPos &#x3D; new Vector3(end.x, end.y + end.height &#x2F; 2, 0);</span><br><span class="line">        Vector3 startTan &#x3D; startPos + Vector3.right * 50;</span><br><span class="line">        Vector3 endTan &#x3D; endPos + Vector3.left * 50;</span><br><span class="line">        Color shadowCol &#x3D; new Color(0, 0, 0, 0.06f);</span><br><span class="line">        for (int i &#x3D; 0; i &lt; 3; i++) &#x2F;&#x2F; Draw a shadow</span><br><span class="line">            Handles.DrawBezier(startPos, endPos, startTan, endTan, shadowCol, null, (i + 1) * 5);</span><br><span class="line">        Handles.DrawBezier(startPos, endPos, startTan, endTan, Color.black, null, 1);</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

      
    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/07/31/Circle-Sprite/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/07/31/Circle-Sprite/" class="post-title-link" itemprop="url">圆环的实现(二)</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2020-07-31 01:30:21" itemprop="dateCreated datePublished" datetime="2020-07-31T01:30:21+08:00">2020-07-31</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2020-11-04 01:11:51" itemprop="dateModified" datetime="2020-11-04T01:11:51+08:00">2020-11-04</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/UGUI/" itemprop="url" rel="index"><span itemprop="name">UGUI</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>圆环的另一种实现：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br></pre></td><td class="code"><pre><span class="line">using UnityEngine;</span><br><span class="line">using UnityEngine.UI;</span><br><span class="line"></span><br><span class="line">[ExecuteAlways]</span><br><span class="line">&#x2F;&#x2F;离线生成圆环 图片 缓存在预制体中</span><br><span class="line">public class CircleSprite : MonoBehaviour</span><br><span class="line">&#123;</span><br><span class="line">    &#x2F;&#x2F;空白区域色值</span><br><span class="line">    [Header(&quot;空白区域色值&quot;)]</span><br><span class="line">    public Color emptyColor &#x3D; new Color(0, 0, 0, 0);</span><br><span class="line">    &#x2F;&#x2F;圆环区域色值</span><br><span class="line">    [Header(&quot;圆环区域色值&quot;)]</span><br><span class="line">    public Color circleColor &#x3D; Color.white;</span><br><span class="line">    &#x2F;&#x2F;圆环内径&#x2F;外径</span><br><span class="line">    [Header(&quot;圆环内径&quot;)]</span><br><span class="line">    public int minRadius &#x3D; 40;</span><br><span class="line">    [Header(&quot;圆环外径[圆形尺寸]&quot;)]</span><br><span class="line">    public int maxRadius &#x3D; 50;</span><br><span class="line">    &#x2F;&#x2F;扇形角度</span><br><span class="line">    [Header(&quot;扇形角度&quot;)]</span><br><span class="line">    public float circleAngle &#x3D; 90;</span><br><span class="line"></span><br><span class="line">    Color lastColor &#x3D; Color.black;</span><br><span class="line">    Color lastCircleColor &#x3D; Color.black;</span><br><span class="line">    int lastMinRadius &#x3D; 0;</span><br><span class="line">    int lastMaxRadius &#x3D; 0;</span><br><span class="line">    float lastCircleAngle &#x3D; 0;</span><br><span class="line"></span><br><span class="line">    private void Update()</span><br><span class="line">    &#123;</span><br><span class="line">        if (Application.isPlaying) return;</span><br><span class="line">        if (lastColor !&#x3D; emptyColor || lastCircleColor !&#x3D; circleColor || minRadius !&#x3D; lastMinRadius || maxRadius !&#x3D; lastMaxRadius || circleAngle !&#x3D; lastCircleAngle || circleAngle !&#x3D; lastCircleAngle)</span><br><span class="line">        &#123;</span><br><span class="line">            circleAngle &#x3D; Mathf.Clamp(circleAngle, 0, 361);</span><br><span class="line">            minRadius &#x3D; minRadius &gt; maxRadius ? maxRadius : minRadius;</span><br><span class="line">            lastColor &#x3D; emptyColor;</span><br><span class="line">            lastCircleColor &#x3D; circleColor;</span><br><span class="line">            lastMinRadius &#x3D; minRadius;</span><br><span class="line">            lastMaxRadius &#x3D; maxRadius;</span><br><span class="line">            lastCircleAngle &#x3D; circleAngle;</span><br><span class="line">            var sprite &#x3D; CreateSprite(minRadius, maxRadius, circleAngle &#x2F; 2, circleColor);</span><br><span class="line">            sprite.name &#x3D; &quot;cirlce&quot;;</span><br><span class="line">            this.GetComponent&lt;Image&gt;().sprite &#x3D; sprite;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;summary&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; 绘制扇形圆环，生成Sprite</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;&#x2F;summary&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;minRadius&quot;&gt;圆环内径，值为0即是实心圆&lt;&#x2F;param&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;maxRadius&quot;&gt;圆环外径&lt;&#x2F;param&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;circleAngle&quot;&gt;1&#x2F;2扇形弧度，值&gt;&#x3D;180度即是整园&lt;&#x2F;param&gt;</span><br><span class="line">    Sprite CreateSprite(int minRadius, int maxRadius, float halfAngle, Color circleColor)</span><br><span class="line">    &#123;</span><br><span class="line">        &#x2F;&#x2F;图片尺寸</span><br><span class="line">        int spriteSize &#x3D; maxRadius * 2;</span><br><span class="line">        &#x2F;&#x2F;创建Texture2D</span><br><span class="line">        Texture2D texture2D &#x3D; new Texture2D(spriteSize, spriteSize);</span><br><span class="line">        &#x2F;&#x2F;图片中心像素点坐标</span><br><span class="line">        Vector2 centerPixel &#x3D; new Vector2(spriteSize &#x2F; 2, spriteSize &#x2F; 2);</span><br><span class="line">        &#x2F;&#x2F;</span><br><span class="line">        Vector2 tempPixel;</span><br><span class="line">        float tempAngle, tempDisSqr;</span><br><span class="line">        if (halfAngle &gt; 0 &amp;&amp; halfAngle &lt; 360)</span><br><span class="line">        &#123;</span><br><span class="line">            &#x2F;&#x2F;遍历像素点，绘制扇形圆环</span><br><span class="line">            for (int x &#x3D; 0; x &lt; spriteSize; x++)</span><br><span class="line">            &#123;</span><br><span class="line">                for (int y &#x3D; 0; y &lt; spriteSize; y++)</span><br><span class="line">                &#123;</span><br><span class="line">                    &#x2F;&#x2F;以中心作为起点，获取像素点向量</span><br><span class="line">                    tempPixel.x &#x3D; x - centerPixel.x;</span><br><span class="line">                    tempPixel.y &#x3D; y - centerPixel.y;</span><br><span class="line">                    &#x2F;&#x2F;是否在半径范围内</span><br><span class="line">                    tempDisSqr &#x3D; tempPixel.sqrMagnitude;</span><br><span class="line">                    if (tempDisSqr &gt;&#x3D; minRadius * minRadius &amp;&amp; tempDisSqr &lt;&#x3D; maxRadius * maxRadius)</span><br><span class="line">                    &#123;</span><br><span class="line">                        &#x2F;&#x2F;是否在角度范围内</span><br><span class="line">                        tempAngle &#x3D; Vector2.Angle(Vector2.up, tempPixel);</span><br><span class="line">                        if (tempAngle &lt; halfAngle || tempAngle &gt; 360 - halfAngle)</span><br><span class="line">                        &#123;</span><br><span class="line">                            &#x2F;&#x2F;设置像素色值</span><br><span class="line">                            texture2D.SetPixel(x, y, circleColor);</span><br><span class="line">                            continue;</span><br><span class="line">                        &#125;</span><br><span class="line">                    &#125;</span><br><span class="line">                    &#x2F;&#x2F;设置为透明</span><br><span class="line">                    texture2D.SetPixel(x, y, emptyColor);</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">        else</span><br><span class="line">        &#123;</span><br><span class="line">            &#x2F;&#x2F;遍历像素点，绘制圆环</span><br><span class="line">            for (int x &#x3D; 0; x &lt; spriteSize; x++)</span><br><span class="line">            &#123;</span><br><span class="line">                for (int y &#x3D; 0; y &lt; spriteSize; y++)</span><br><span class="line">                &#123;</span><br><span class="line">                    &#x2F;&#x2F;以中心作为起点，获取像素点向量</span><br><span class="line">                    tempPixel.x &#x3D; x - centerPixel.x;</span><br><span class="line">                    tempPixel.y &#x3D; y - centerPixel.y;</span><br><span class="line">                    &#x2F;&#x2F;是否在半径范围内</span><br><span class="line">                    tempDisSqr &#x3D; tempPixel.sqrMagnitude;</span><br><span class="line">                    if (tempDisSqr &gt;&#x3D; minRadius * minRadius &amp;&amp; tempDisSqr &lt;&#x3D; maxRadius * maxRadius)</span><br><span class="line">                    &#123;</span><br><span class="line">                        &#x2F;&#x2F;设置像素色值</span><br><span class="line">                        texture2D.SetPixel(x, y, circleColor);</span><br><span class="line">                        continue;</span><br><span class="line">                    &#125;</span><br><span class="line">                    &#x2F;&#x2F;设置为透明</span><br><span class="line">                    texture2D.SetPixel(x, y, emptyColor);</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">        texture2D.Apply();</span><br><span class="line">        &#x2F;&#x2F;创建Sprite</span><br><span class="line">        return Sprite.Create(texture2D, new Rect(0, 0, spriteSize, spriteSize), new Vector2(0.5f, 0.5f));</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>


    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block" lang="en">
    <link itemprop="mainEntityOfPage" href="https://github.com/giterwen/giterwen.github.io.git/2020/07/31/Circle-Image/">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.gif">
      <meta itemprop="name" content="Yesterday Once More">
      <meta itemprop="description" content="">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="Hexo">
    </span>
      <header class="post-header">
        <h2 class="post-title" itemprop="name headline">
          
            <a href="/2020/07/31/Circle-Image/" class="post-title-link" itemprop="url">圆环的实现(一)</a>
        </h2>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">Posted on</span>

              <time title="Created: 2020-07-31 01:27:21" itemprop="dateCreated datePublished" datetime="2020-07-31T01:27:21+08:00">2020-07-31</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">Edited on</span>
                <time title="Modified: 2020-11-04 01:11:46" itemprop="dateModified" datetime="2020-11-04T01:11:46+08:00">2020-11-04</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">In</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/UGUI/" itemprop="url" rel="index"><span itemprop="name">UGUI</span></a>
                </span>
            </span>

          
        </div>
      </header>

    
    <div class="post-body" itemprop="articleBody">

      
          <p>圆环的一种实现：</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br><span class="line">278</span><br><span class="line">279</span><br><span class="line">280</span><br><span class="line">281</span><br><span class="line">282</span><br><span class="line">283</span><br><span class="line">284</span><br><span class="line">285</span><br><span class="line">286</span><br><span class="line">287</span><br><span class="line">288</span><br><span class="line">289</span><br><span class="line">290</span><br><span class="line">291</span><br><span class="line">292</span><br><span class="line">293</span><br><span class="line">294</span><br><span class="line">295</span><br><span class="line">296</span><br><span class="line">297</span><br><span class="line">298</span><br><span class="line">299</span><br><span class="line">300</span><br><span class="line">301</span><br><span class="line">302</span><br><span class="line">303</span><br><span class="line">304</span><br><span class="line">305</span><br><span class="line">306</span><br><span class="line">307</span><br><span class="line">308</span><br><span class="line">309</span><br><span class="line">310</span><br><span class="line">311</span><br><span class="line">312</span><br><span class="line">313</span><br><span class="line">314</span><br><span class="line">315</span><br><span class="line">316</span><br><span class="line">317</span><br><span class="line">318</span><br><span class="line">319</span><br><span class="line">320</span><br><span class="line">321</span><br><span class="line">322</span><br><span class="line">323</span><br><span class="line">324</span><br><span class="line">325</span><br><span class="line">326</span><br><span class="line">327</span><br><span class="line">328</span><br></pre></td><td class="code"><pre><span class="line">using System.Collections.Generic;</span><br><span class="line">using UnityEngine;</span><br><span class="line">using UnityEngine.UI;</span><br><span class="line">using UnityEngine.Sprites;</span><br><span class="line">using System;</span><br><span class="line">using System.Collections;</span><br><span class="line">using UnityEngine.Serialization;</span><br><span class="line"></span><br><span class="line">&#x2F;&#x2F;[AddComponentMenu(&quot;UI&#x2F;Circle Image&quot;)]</span><br><span class="line">public class CircleImage : MaskableGraphic, ISerializationCallbackReceiver, ILayoutElement, ICanvasRaycastFilter</span><br><span class="line">&#123;</span><br><span class="line"></span><br><span class="line">    [FormerlySerializedAs(&quot;m_Frame&quot;)]</span><br><span class="line">    [SerializeField]</span><br><span class="line">    private Sprite m_Sprite;</span><br><span class="line">    public Sprite sprite &#123; get &#123; return m_Sprite; &#125; set &#123; if (SetPropertyUtilityExt.SetClass(ref m_Sprite, value)) SetAllDirty(); &#125; &#125;</span><br><span class="line"></span><br><span class="line">    [NonSerialized]</span><br><span class="line">    private Sprite m_OverrideSprite;</span><br><span class="line">    public Sprite overrideSprite &#123; get &#123; return m_OverrideSprite &#x3D;&#x3D; null ? sprite : m_OverrideSprite; &#125; set &#123; if (SetPropertyUtilityExt.SetClass(ref m_OverrideSprite, value)) SetAllDirty(); &#125; &#125;</span><br><span class="line"></span><br><span class="line">    [Header(&quot;圆形或扇形填充比例&quot;)]</span><br><span class="line">    [Range(0, 1)]</span><br><span class="line">    public float fillPercent &#x3D; 1f;</span><br><span class="line">    [Header(&quot;是否填充圆形&quot;)]</span><br><span class="line">    public bool fill &#x3D; true;</span><br><span class="line">    [Header(&quot;圆环宽度&quot;)]</span><br><span class="line">    public float thickness &#x3D; 5;</span><br><span class="line">    [Header(&quot;圆形精度&quot;)]</span><br><span class="line">    [Range(3, 100)]</span><br><span class="line">    public int segements &#x3D; 20;</span><br><span class="line"></span><br><span class="line">    private List&lt;Vector3&gt; innerVertices;</span><br><span class="line">    private List&lt;Vector3&gt; outterVertices;</span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F; Use this for initialization</span><br><span class="line">    void Awake()</span><br><span class="line">    &#123;</span><br><span class="line">        innerVertices &#x3D; new List&lt;Vector3&gt;();</span><br><span class="line">        outterVertices &#x3D; new List&lt;Vector3&gt;();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F; Update is called once per frame</span><br><span class="line">    void Update()</span><br><span class="line">    &#123;</span><br><span class="line">        this.thickness &#x3D; (float)Mathf.Clamp(this.thickness, 0, rectTransform.rect.width &#x2F; 2);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">    protected override void OnPopulateMesh(VertexHelper vh)</span><br><span class="line">    &#123;</span><br><span class="line">        vh.Clear();</span><br><span class="line"></span><br><span class="line">        innerVertices.Clear();</span><br><span class="line">        outterVertices.Clear();</span><br><span class="line"></span><br><span class="line">        float degreeDelta &#x3D; (float)(2 * Mathf.PI &#x2F; segements);</span><br><span class="line">        int curSegements &#x3D; (int)(segements * fillPercent);</span><br><span class="line"></span><br><span class="line">        float tw &#x3D; rectTransform.rect.width;</span><br><span class="line">        float th &#x3D; rectTransform.rect.height;</span><br><span class="line">        float outerRadius &#x3D; rectTransform.pivot.x * tw;</span><br><span class="line">        float innerRadius &#x3D; rectTransform.pivot.x * tw - thickness;</span><br><span class="line"></span><br><span class="line">        Vector4 uv &#x3D; overrideSprite !&#x3D; null ? DataUtility.GetOuterUV(overrideSprite) : Vector4.zero;</span><br><span class="line"></span><br><span class="line">        float uvCenterX &#x3D; (uv.x + uv.z) * 0.5f;</span><br><span class="line">        float uvCenterY &#x3D; (uv.y + uv.w) * 0.5f;</span><br><span class="line">        float uvScaleX &#x3D; (uv.z - uv.x) &#x2F; tw;</span><br><span class="line">        float uvScaleY &#x3D; (uv.w - uv.y) &#x2F; th;</span><br><span class="line"></span><br><span class="line">        float curDegree &#x3D; 0;</span><br><span class="line">        UIVertex uiVertex;</span><br><span class="line">        int verticeCount;</span><br><span class="line">        int triangleCount;</span><br><span class="line">        Vector2 curVertice;</span><br><span class="line"></span><br><span class="line">        if (fill) &#x2F;&#x2F;圆形</span><br><span class="line">        &#123;</span><br><span class="line">            curVertice &#x3D; Vector2.zero;</span><br><span class="line">            verticeCount &#x3D; curSegements + 1;</span><br><span class="line">            uiVertex &#x3D; new UIVertex();</span><br><span class="line">            uiVertex.color &#x3D; color;</span><br><span class="line">            uiVertex.position &#x3D; curVertice;</span><br><span class="line">            uiVertex.uv0 &#x3D; new Vector2(curVertice.x * uvScaleX + uvCenterX, curVertice.y * uvScaleY + uvCenterY);</span><br><span class="line">            vh.AddVert(uiVertex);</span><br><span class="line"></span><br><span class="line">            for (int i &#x3D; 1; i &lt; verticeCount; i++)</span><br><span class="line">            &#123;</span><br><span class="line">                float cosA &#x3D; Mathf.Cos(curDegree);</span><br><span class="line">                float sinA &#x3D; Mathf.Sin(curDegree);</span><br><span class="line">                curVertice &#x3D; new Vector2(cosA * outerRadius, sinA * outerRadius);</span><br><span class="line">                curDegree +&#x3D; degreeDelta;</span><br><span class="line"></span><br><span class="line">                uiVertex &#x3D; new UIVertex();</span><br><span class="line">                uiVertex.color &#x3D; color;</span><br><span class="line">                uiVertex.position &#x3D; curVertice;</span><br><span class="line">                uiVertex.uv0 &#x3D; new Vector2(curVertice.x * uvScaleX + uvCenterX, curVertice.y * uvScaleY + uvCenterY);</span><br><span class="line">                vh.AddVert(uiVertex);</span><br><span class="line"></span><br><span class="line">                outterVertices.Add(curVertice);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            triangleCount &#x3D; curSegements * 3;</span><br><span class="line">            for (int i &#x3D; 0, vIdx &#x3D; 1; i &lt; triangleCount - 3; i +&#x3D; 3, vIdx++)</span><br><span class="line">            &#123;</span><br><span class="line">                vh.AddTriangle(vIdx, 0, vIdx + 1);</span><br><span class="line">            &#125;</span><br><span class="line">            if (fillPercent &#x3D;&#x3D; 1)</span><br><span class="line">            &#123;</span><br><span class="line">                &#x2F;&#x2F;首尾顶点相连</span><br><span class="line">                vh.AddTriangle(verticeCount - 1, 0, 1);</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">        else&#x2F;&#x2F;圆环</span><br><span class="line">        &#123;</span><br><span class="line">            verticeCount &#x3D; curSegements * 2;</span><br><span class="line">            for (int i &#x3D; 0; i &lt; verticeCount; i +&#x3D; 2)</span><br><span class="line">            &#123;</span><br><span class="line">                float cosA &#x3D; Mathf.Cos(curDegree);</span><br><span class="line">                float sinA &#x3D; Mathf.Sin(curDegree);</span><br><span class="line">                curDegree +&#x3D; degreeDelta;</span><br><span class="line"></span><br><span class="line">                curVertice &#x3D; new Vector3(cosA * innerRadius, sinA * innerRadius);</span><br><span class="line">                uiVertex &#x3D; new UIVertex();</span><br><span class="line">                uiVertex.color &#x3D; color;</span><br><span class="line">                uiVertex.position &#x3D; curVertice;</span><br><span class="line">                uiVertex.uv0 &#x3D; new Vector2(curVertice.x * uvScaleX + uvCenterX, curVertice.y * uvScaleY + uvCenterY);</span><br><span class="line">                vh.AddVert(uiVertex);</span><br><span class="line">                innerVertices.Add(curVertice);</span><br><span class="line"></span><br><span class="line">                curVertice &#x3D; new Vector3(cosA * outerRadius, sinA * outerRadius);</span><br><span class="line">                uiVertex &#x3D; new UIVertex();</span><br><span class="line">                uiVertex.color &#x3D; color;</span><br><span class="line">                uiVertex.position &#x3D; curVertice;</span><br><span class="line">                uiVertex.uv0 &#x3D; new Vector2(curVertice.x * uvScaleX + uvCenterX, curVertice.y * uvScaleY + uvCenterY);</span><br><span class="line">                vh.AddVert(uiVertex);</span><br><span class="line">                outterVertices.Add(curVertice);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            triangleCount &#x3D; curSegements * 3 * 2;</span><br><span class="line">            for (int i &#x3D; 0, vIdx &#x3D; 0; i &lt; triangleCount - 6; i +&#x3D; 6, vIdx +&#x3D; 2)</span><br><span class="line">            &#123;</span><br><span class="line">                vh.AddTriangle(vIdx + 1, vIdx, vIdx + 3);</span><br><span class="line">                vh.AddTriangle(vIdx, vIdx + 2, vIdx + 3);</span><br><span class="line">            &#125;</span><br><span class="line">            if (fillPercent &#x3D;&#x3D; 1)</span><br><span class="line">            &#123;</span><br><span class="line">                &#x2F;&#x2F;首尾顶点相连</span><br><span class="line">                vh.AddTriangle(verticeCount - 1, verticeCount - 2, 1);</span><br><span class="line">                vh.AddTriangle(verticeCount - 2, 0, 1);</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public virtual bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)</span><br><span class="line">    &#123;</span><br><span class="line">        Sprite sprite &#x3D; overrideSprite;</span><br><span class="line">        if (sprite &#x3D;&#x3D; null)</span><br><span class="line">            return true;</span><br><span class="line"></span><br><span class="line">        Vector2 local;</span><br><span class="line">        RectTransformUtility.ScreenPointToLocalPointInRectangle(rectTransform, screenPoint, eventCamera, out local);</span><br><span class="line">        return Contains(local, outterVertices, innerVertices);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    private bool Contains(Vector2 p, List&lt;Vector3&gt; outterVertices, List&lt;Vector3&gt; innerVertices)</span><br><span class="line">    &#123;</span><br><span class="line">        var crossNumber &#x3D; 0;</span><br><span class="line">        RayCrossing(p, innerVertices, ref crossNumber);&#x2F;&#x2F;检测内环</span><br><span class="line">        RayCrossing(p, outterVertices, ref crossNumber);&#x2F;&#x2F;检测外环</span><br><span class="line">        return (crossNumber &amp; 1) &#x3D;&#x3D; 1;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;summary&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; 使用RayCrossing算法判断点击点是否在封闭多边形里</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;&#x2F;summary&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;p&quot;&gt;&lt;&#x2F;param&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;vertices&quot;&gt;&lt;&#x2F;param&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;crossNumber&quot;&gt;&lt;&#x2F;param&gt;</span><br><span class="line">    private void RayCrossing(Vector2 p, List&lt;Vector3&gt; vertices, ref int crossNumber)</span><br><span class="line">    &#123;</span><br><span class="line">        for (int i &#x3D; 0, count &#x3D; vertices.Count; i &lt; count; i++)</span><br><span class="line">        &#123;</span><br><span class="line">            var v1 &#x3D; vertices[i];</span><br><span class="line">            var v2 &#x3D; vertices[(i + 1) % count];</span><br><span class="line"></span><br><span class="line">            &#x2F;&#x2F;点击点水平线必须与两顶点线段相交</span><br><span class="line">            if (((v1.y &lt;&#x3D; p.y) &amp;&amp; (v2.y &gt; p.y))</span><br><span class="line">                || ((v1.y &gt; p.y) &amp;&amp; (v2.y &lt;&#x3D; p.y)))</span><br><span class="line">            &#123;</span><br><span class="line">                &#x2F;&#x2F;只考虑点击点右侧方向，点击点水平线与线段相交，且交点x &gt; 点击点x，则crossNumber+1</span><br><span class="line">                if (p.x &lt; v1.x + (p.y - v1.y) &#x2F; (v2.y - v1.y) * (v2.x - v1.x))</span><br><span class="line">                &#123;</span><br><span class="line">                    crossNumber +&#x3D; 1;</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;summary&gt;</span><br><span class="line">    &#x2F;&#x2F;&#x2F; Image&#39;s texture comes from the UnityEngine.Image.</span><br><span class="line">    &#x2F;&#x2F;&#x2F; &lt;&#x2F;summary&gt;</span><br><span class="line">    public override Texture mainTexture</span><br><span class="line">    &#123;</span><br><span class="line">        get</span><br><span class="line">        &#123;</span><br><span class="line">            return overrideSprite &#x3D;&#x3D; null ? s_WhiteTexture : overrideSprite.texture;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public float pixelsPerUnit</span><br><span class="line">    &#123;</span><br><span class="line">        get</span><br><span class="line">        &#123;</span><br><span class="line">            float spritePixelsPerUnit &#x3D; 100;</span><br><span class="line">            if (sprite)</span><br><span class="line">                spritePixelsPerUnit &#x3D; sprite.pixelsPerUnit;</span><br><span class="line"></span><br><span class="line">            float referencePixelsPerUnit &#x3D; 100;</span><br><span class="line">            if (canvas)</span><br><span class="line">                referencePixelsPerUnit &#x3D; canvas.referencePixelsPerUnit;</span><br><span class="line"></span><br><span class="line">            return spritePixelsPerUnit &#x2F; referencePixelsPerUnit;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F; &#x2F;&#x2F;&#x2F; &lt;summary&gt;</span><br><span class="line">    &#x2F;&#x2F; &#x2F;&#x2F;&#x2F; 子类需要重写该方法来自定义Image形状</span><br><span class="line">    &#x2F;&#x2F; &#x2F;&#x2F;&#x2F; &lt;&#x2F;summary&gt;</span><br><span class="line">    &#x2F;&#x2F; &#x2F;&#x2F;&#x2F; &lt;param name&#x3D;&quot;vh&quot;&gt;&lt;&#x2F;param&gt;</span><br><span class="line">    &#x2F;&#x2F; protected override void OnPopulateMesh(VertexHelper vh)</span><br><span class="line">    &#x2F;&#x2F; &#123;</span><br><span class="line">    &#x2F;&#x2F;     base.OnPopulateMesh(vh);</span><br><span class="line">    &#x2F;&#x2F; &#125;</span><br><span class="line"></span><br><span class="line">    #region ISerializationCallbackReceiver</span><br><span class="line">    public void OnAfterDeserialize()</span><br><span class="line">    &#123;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    &#x2F;&#x2F;</span><br><span class="line">    &#x2F;&#x2F; 摘要: </span><br><span class="line">    &#x2F;&#x2F;     Implement this method to receive a callback after unity serialized your object.</span><br><span class="line">    public void OnBeforeSerialize()</span><br><span class="line">    &#123;</span><br><span class="line">    &#125;</span><br><span class="line">    #endregion</span><br><span class="line"></span><br><span class="line">    #region ILayoutElement</span><br><span class="line">    public virtual void CalculateLayoutInputHorizontal() &#123; &#125;</span><br><span class="line">    public virtual void CalculateLayoutInputVertical() &#123; &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float minWidth &#123; get &#123; return 0; &#125; &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float preferredWidth</span><br><span class="line">    &#123;</span><br><span class="line">        get</span><br><span class="line">        &#123;</span><br><span class="line">            if (overrideSprite &#x3D;&#x3D; null)</span><br><span class="line">                return 0;</span><br><span class="line">            return overrideSprite.rect.size.x &#x2F; pixelsPerUnit;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float flexibleWidth &#123; get &#123; return -1; &#125; &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float minHeight &#123; get &#123; return 0; &#125; &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float preferredHeight</span><br><span class="line">    &#123;</span><br><span class="line">        get</span><br><span class="line">        &#123;</span><br><span class="line">            if (overrideSprite &#x3D;&#x3D; null)</span><br><span class="line">                return 0;</span><br><span class="line">            return overrideSprite.rect.size.y &#x2F; pixelsPerUnit;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public virtual float flexibleHeight &#123; get &#123; return -1; &#125; &#125;</span><br><span class="line"></span><br><span class="line">    public virtual int layoutPriority &#123; get &#123; return 0; &#125; &#125;</span><br><span class="line">    #endregion</span><br><span class="line"></span><br><span class="line">    #region ICanvasRaycastFilter</span><br><span class="line">    &#x2F;&#x2F; public virtual bool IsRaycastLocationValid(Vector2 screenPoint, Camera eventCamera)</span><br><span class="line">    &#x2F;&#x2F; &#123;</span><br><span class="line">    &#x2F;&#x2F;     return true;</span><br><span class="line">    &#x2F;&#x2F; &#125;</span><br><span class="line">    #endregion</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">internal static class SetPropertyUtilityExt</span><br><span class="line">&#123;</span><br><span class="line">    public static bool SetColor(ref Color currentValue, Color newValue)</span><br><span class="line">    &#123;</span><br><span class="line">        if (currentValue.r &#x3D;&#x3D; newValue.r &amp;&amp; currentValue.g &#x3D;&#x3D; newValue.g &amp;&amp; currentValue.b &#x3D;&#x3D; newValue.b &amp;&amp; currentValue.a &#x3D;&#x3D; newValue.a)</span><br><span class="line">            return false;</span><br><span class="line"></span><br><span class="line">        currentValue &#x3D; newValue;</span><br><span class="line">        return true;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public static bool SetStruct&lt;T&gt;(ref T currentValue, T newValue) where T : struct</span><br><span class="line">    &#123;</span><br><span class="line">        if (currentValue.Equals(newValue))</span><br><span class="line">            return false;</span><br><span class="line"></span><br><span class="line">        currentValue &#x3D; newValue;</span><br><span class="line">        return true;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    public static bool SetClass&lt;T&gt;(ref T currentValue, T newValue) where T : class</span><br><span class="line">    &#123;</span><br><span class="line">        if ((currentValue &#x3D;&#x3D; null &amp;&amp; newValue &#x3D;&#x3D; null) || (currentValue !&#x3D; null &amp;&amp; currentValue.Equals(newValue)))</span><br><span class="line">            return false;</span><br><span class="line"></span><br><span class="line">        currentValue &#x3D; newValue;</span><br><span class="line">        return true;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>


    </div>

    
      <footer class="post-footer">
        <div class="post-eof"></div>
      </footer>
  </article>
  
  
  <nav class="pagination">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="extend next" rel="next" href="/page/2/"><i class="fa fa-angle-right" aria-label="Next page"></i></a>
  </nav>


          </div>
          

<script>
  window.addEventListener('tabs:register', () => {
    let { activeClass } = CONFIG.comments;
    if (CONFIG.comments.storage) {
      activeClass = localStorage.getItem('comments_active') || activeClass;
    }
    if (activeClass) {
      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
      if (activeTab) {
        activeTab.click();
      }
    }
  });
  if (CONFIG.comments.storage) {
    window.addEventListener('tabs:click', event => {
      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
      let commentClass = event.target.classList[1];
      localStorage.setItem('comments_active', commentClass);
    });
  }
</script>

        </div>
          
  
  <div class="toggle sidebar-toggle">
    <span class="toggle-line toggle-line-first"></span>
    <span class="toggle-line toggle-line-middle"></span>
    <span class="toggle-line toggle-line-last"></span>
  </div>

  <aside class="sidebar">
    <div class="sidebar-inner">

      <ul class="sidebar-nav motion-element">
        <li class="sidebar-nav-toc">
          Table of Contents
        </li>
        <li class="sidebar-nav-overview">
          Overview
        </li>
      </ul>

      <!--noindex-->
      <div class="post-toc-wrap sidebar-panel">
      </div>
      <!--/noindex-->

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
  <p class="site-author-name" itemprop="name">Yesterday Once More</p>
  <div class="site-description" itemprop="description"></div>
</div>
<div class="site-state-wrap motion-element">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
          <a href="/archives/">
        
          <span class="site-state-item-count">17</span>
          <span class="site-state-item-name">posts</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
            <a href="/categories/">
          
        <span class="site-state-item-count">4</span>
        <span class="site-state-item-name">categories</span></a>
      </div>
      <div class="site-state-item site-state-tags">
            <a href="/tags/">
        <span class="site-state-item-count">5</span>
        <span class="site-state-item-name">tags</span></a>
      </div>
  </nav>
</div>
  <div class="links-of-author motion-element">
      <span class="links-of-author-item">
        <a href="https://github.com/giterwen" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;giterwen"><i class="fa fa-fw fa-github"></i>GitHub</a>
      </span>
      <span class="links-of-author-item">
        <a href="mailto:wencaker@qq.com" title="E-Mail → mailto:wencaker@qq.com" rel="noopener" target="_blank"><i class="fa fa-fw fa-envelope"></i>E-Mail</a>
      </span>
  </div>


      </div>

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer class="footer">
      <div class="footer-inner">
        

<div class="copyright">
  
  &copy; 
  <span itemprop="copyrightYear">2022</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">Yesterday Once More</span>
</div>
  <div class="powered-by">Powered by <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> & <a href="https://muse.theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Muse</a>
  </div>

        
      </div>
    </footer>
  </div>

  
  <script src="/lib/anime.min.js"></script>
  <script src="/lib/velocity/velocity.min.js"></script>
  <script src="/lib/velocity/velocity.ui.min.js"></script>

<script src="/js/utils.js"></script>

<script src="/js/motion.js"></script>


<script src="/js/schemes/muse.js"></script>


<script src="/js/next-boot.js"></script>


</body>
</html>