国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

Unity Text文本實(shí)現(xiàn)打字機(jī)(一個(gè)一個(gè)出來)的效果

這篇具有很好參考價(jià)值的文章主要介紹了Unity Text文本實(shí)現(xiàn)打字機(jī)(一個(gè)一個(gè)出來)的效果。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

Unity Text文本要實(shí)現(xiàn)打字機(jī),即一個(gè)個(gè)文字出來的效果,可以通過代碼把text文本字符串拆成一個(gè)個(gè)字符然后添加到文本中。

具體實(shí)現(xiàn):

新建一個(gè)控制腳本:TypewriteController.cs,并編寫以下代碼:

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


public class TypewriteController : MonoBehaviour
{
    public float typingSpeed = 0.1f; // 每個(gè)字符的顯示間隔時(shí)間
    private string fullText;
    private string currentText = "";
    public Text textComponent;


    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if(Input.GetKeyDown(KeyCode.A))
        {
            fullText = textComponent.text;
            textComponent.text = "";
            StartCoroutine(TypeText());
        }
    }

    IEnumerator TypeText()
    {
        foreach (char c in fullText)
        {
            currentText += c;
            textComponent.text = currentText;
            yield return new WaitForSeconds(typingSpeed);
        }
    }
}

此控制腳本先把腳本文本獲取后賦給一個(gè)字符串變量,然后置空文本內(nèi)容,再通過協(xié)程把該字符串變量值拆分成一個(gè)個(gè)字符,然后使用協(xié)程來把一個(gè)個(gè)字符(即單個(gè)文字) 賦值給文本,這樣就完成了打字機(jī)的效果。

新建一個(gè)場(chǎng)景,并在場(chǎng)景創(chuàng)建一個(gè)Text組件,把腳本拉到場(chǎng)景中,再把Text組件拖到腳本中的textComponent對(duì)象,運(yùn)行場(chǎng)景,效果如下:

Unity Text文本實(shí)現(xiàn)打字機(jī)(一個(gè)一個(gè)出來)的效果文章來源地址http://www.zghlxwxcb.cn/news/detail-822588.html

到了這里,關(guān)于Unity Text文本實(shí)現(xiàn)打字機(jī)(一個(gè)一個(gè)出來)的效果的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 前端發(fā)送Fetch請(qǐng)求實(shí)現(xiàn)流式請(qǐng)求、模擬打字機(jī)效果等

    前端需要接收后端的流式返回?cái)?shù)據(jù),并實(shí)時(shí)渲染。 普通的xhr請(qǐng)求都是等http協(xié)議數(shù)據(jù)包一次性返回之后才渲染,類似于ChatGPT的Http接口內(nèi)容類型為text/event-stream。這種內(nèi)容類型需要與瀏覽器建立持久連接并持續(xù)監(jiān)聽服務(wù)器返回的數(shù)據(jù)。 npm 方式安裝類庫(kù) 使用 調(diào)用 fetchEventSource

    2024年02月13日
    瀏覽(25)
  • 記錄--20行js就能實(shí)現(xiàn)逐字顯示效果???-打字機(jī)效果

    記錄--20行js就能實(shí)現(xiàn)逐字顯示效果???-打字機(jī)效果

    橫版 豎版 可以看到文字是一段一段的并且獨(dú)占一行,使用段落標(biāo)簽p表示一行 一段文字內(nèi),字是一個(gè)一個(gè)顯示的,所以這里每一個(gè)字都用一個(gè)span標(biāo)簽裝起來 每一個(gè)字都是從透明到不透明的過渡效果,使用css3的過渡屬性transition讓每個(gè)字都從透明過渡到不透明 這里只需要一個(gè)

    2024年02月06日
    瀏覽(26)
  • 微信小程序-接入sse數(shù)據(jù)流并實(shí)現(xiàn)打字機(jī)效果( ChatGPT )

    微信小程序-接入sse數(shù)據(jù)流并實(shí)現(xiàn)打字機(jī)效果( ChatGPT )

    從流中獲取的數(shù)據(jù)格式如下 小程序調(diào)用SSE接口 我這邊接收到的數(shù)據(jù)類型為Uint8Array,需要處理成text文本(如上圖) 使對(duì)話有打字機(jī)效果 參考自:小程序?qū)崿F(xiàn) ChatGPT 聊天打字兼自動(dòng)滾動(dòng)效果 完整代碼

    2024年04月09日
    瀏覽(55)
  • Vue3實(shí)現(xiàn)酷炫打字機(jī)效果:讓你的網(wǎng)站文字動(dòng)起來

    Vue3實(shí)現(xiàn)酷炫打字機(jī)效果:讓你的網(wǎng)站文字動(dòng)起來

    ?創(chuàng)作者:陳書予 ??個(gè)人主頁(yè):陳書予的個(gè)人主頁(yè) ??陳書予的個(gè)人社區(qū),歡迎你的加入: 陳書予的社區(qū) ??專欄地址: 三十天精通 Vue 3

    2024年02月05日
    瀏覽(95)
  • ChatGPT 打字機(jī)效果原理

    ChatGPT 打字機(jī)效果原理

    在初次使用 ChatGPT 時(shí),我就被打字機(jī)的視覺效果吸引??偸歉杏X似曾相識(shí),因?yàn)榻?jīng)常在一些科幻電影中看到,高級(jí)文明回傳的信息在通訊設(shè)備的屏幕上以打字機(jī)效果逐步出現(xiàn),在緊張的氛圍下,輸出人類可讀的內(nèi)容,拉動(dòng)著觀眾的神經(jīng),一步步將故事情節(jié)推向高潮。 在很早之

    2024年02月04日
    瀏覽(24)
  • 打造專業(yè)級(jí)ChatGPT風(fēng)格聊天界面:SpringBoot與Vue實(shí)現(xiàn)動(dòng)態(tài)打字機(jī)效果,附完整前后端源碼

    打造專業(yè)級(jí)ChatGPT風(fēng)格聊天界面:SpringBoot與Vue實(shí)現(xiàn)動(dòng)態(tài)打字機(jī)效果,附完整前后端源碼

    大家好,今天用 SpringBoot 、 vue 寫了一個(gè)仿ChatGPT官網(wǎng)聊天的打字機(jī)效果。 所有代碼地址:gitee代碼地址 ,包含前端和后端,可以直接運(yùn)行 使用本技術(shù)實(shí)現(xiàn)的項(xiàng)目:aicnn.cn,歡迎大家體驗(yàn) 如果文章知識(shí)點(diǎn)有錯(cuò)誤的地方,請(qǐng)指正!大家一起學(xué)習(xí),一起進(jìn)步。 本文主要應(yīng)用的技術(shù)有

    2024年01月24日
    瀏覽(26)
  • 【JS真好玩】自動(dòng)打字機(jī)效果

    【JS真好玩】自動(dòng)打字機(jī)效果

    大家好,今天實(shí)現(xiàn)一個(gè)自動(dòng)打字機(jī)效果,旨在實(shí)現(xiàn)一些網(wǎng)上很小的demo樣例,通過每一個(gè)小demo能夠鞏固一下我們的前端基礎(chǔ)知識(shí)。 今天,主要利用定時(shí)器、flex布局實(shí)現(xiàn)一個(gè)自動(dòng)打字機(jī)效果。 效果展示 : 考察 : flex布局、定時(shí)器、字符串 建議用時(shí)20~35min 我們主要把自動(dòng)打字

    2024年02月10日
    瀏覽(19)
  • 僅使用 CSS 創(chuàng)建打字機(jī)動(dòng)畫效果

    僅使用 CSS 創(chuàng)建打字機(jī)動(dòng)畫效果

    創(chuàng)建打字機(jī)效果比您想象的要容易。雖然實(shí)現(xiàn)這種效果的最常見方法是使用 JavaScript,但我們也可以使用純 CSS 來創(chuàng)建我們的打字機(jī)動(dòng)畫。 在本文中,我們將了解如何僅使用 CSS 創(chuàng)建打字機(jī)動(dòng)畫效果。它簡(jiǎn)單、漂亮、容易。我們還將看看使用 CSS 與 JavaScript 創(chuàng)建這種效果的利弊

    2024年02月13日
    瀏覽(24)
  • HTML 單文件制作打字機(jī)切換動(dòng)畫

    打字機(jī)動(dòng)畫是一種常見的網(wǎng)頁(yè)效果,通常用于“我是某某”這樣的場(chǎng)景,比如個(gè)人簡(jiǎn)介或者產(chǎn)品介紹,需要在多個(gè)詞匯之間切換。這篇博文將從頭開始制作類似的效果。它看起來像這樣: 我要成為 賽馬娘 高手! 如果這里的 黃字 不會(huì)動(dòng),可能是因?yàn)檫@里的架構(gòu)不支持,請(qǐng)到

    2024年04月08日
    瀏覽(17)
  • 【CSS3】CSS3 動(dòng)畫 ⑤ ( 動(dòng)畫速度曲線 | 設(shè)置動(dòng)畫步長(zhǎng) | 動(dòng)畫勻速執(zhí)行 | 動(dòng)畫分 2 步執(zhí)行 | 使用動(dòng)畫步長(zhǎng)實(shí)現(xiàn)打字機(jī)效果 )

    【CSS3】CSS3 動(dòng)畫 ⑤ ( 動(dòng)畫速度曲線 | 設(shè)置動(dòng)畫步長(zhǎng) | 動(dòng)畫勻速執(zhí)行 | 動(dòng)畫分 2 步執(zhí)行 | 使用動(dòng)畫步長(zhǎng)實(shí)現(xiàn)打字機(jī)效果 )

    CSS3 樣式中 , 設(shè)置 動(dòng)畫速度曲線 的屬性是 animation-timing-function 屬性 ; animation-timing-function 屬性定義了動(dòng)畫從 初始 CSS 樣式 變?yōu)?結(jié)束狀態(tài) 時(shí) 所消耗的時(shí)間 ; animation-timing-function 屬性常用 屬性值 如下 : linear : 動(dòng)畫在整個(gè)執(zhí)行過程中速度都是勻速的 ; ease : 默認(rèn)屬性值 , 動(dòng)畫首先

    2024年02月13日
    瀏覽(26)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包