前言
為了幫助更多人，更多非程式員也能上手小游戲，曉衡之前提供了：
- GameNavigator：小游戲互跳導航組件
- RewardedVideoAd：激勵視頻組件
- CreatorPrimer：內容生產組件包含有場景切換、預制加載、二維碼、節點拖動等等
為了進一步完善微信小游戲可視化無編程組件，這次我們又更新了 BannerAd 組件，一起來看下效果：
夠霸氣吧！一次顯示了上、中、下三條 Banner 廣告，考驗玩家的時刻到了，如何點中開始游戲，正式發布的游戲如果是這樣，相信會不會發財呢？
現在有了我們提供的 BannerAd 組件，實作像上面一次加載三個組件會非常Eas，看一下組件設定：
如果感覺太專業了，請看下面我精心準備的 Banner 廣告組件的使用方法，
組件掛載
我是在 Canvas 同層創建了一個 BannderAd 的節點，其實任意節點都可以，這里主要是為了規范，放在了最外層場景上，然后將 BannerAD.ts 腳本拖動到節點面板上，復制你的Banner 廣告 ID 上去就可以了！
配置好后只能在微信環境才能預覽到，我在 Home 場景的頂部和底部，以及在雙人游戲中的中間放置Banner，效果不錯！
組件設定
BannerAd 組件目前提供了三個屬性：
- AdUnitId：廣告 id
- Placement：廣告位置
- Expries：過期時間
公眾號上有些讀者，可能并未接觸過微信小游戲，下面詳細介紹引數的作用，
「AdUnitId」：這個就是 Banner 廣告 ID，在微信小游戲后臺獲取，見下圖：
流量主 => 廣告管理 => 廣告位管理 => Banner廣告
注意，流量頁面是需要我們的游戲累計 1000 用戶后才能開通
Placement：用于控制 Banner 的位置，當首次創建 Banner 時，微信官方居然引導我們將 Banner 放到中間螢屏中間，有圖為證：
我曾經想到過一種玩法，在飄忽不定的 Banner 中，讓玩我女兒點擊游戲中的不斷飛起的氣球！
千萬不要被微信誤導，其實真實情況 Banner 大多是放在底部的，頂部也還好，放螢屏中間的估計是小程式而不是小游戲，
「Expries」：過期時間默認是 30 秒，這個意思不是說 30 秒會重新重繪Banner 的內容，而是在切換場景時，新場景中仍然使用這個廣告ID的話，超過了 30 秒，會將之前創建的廣告物件釋放，重新創建新的！
這樣的效果是，用戶在不同場景中切換時，Banner 中的廣告內容會有所變化，不會那么呆板，切來切去都是一同個廣告內容，
其實這里我是被傷過的，我女兒曾說過：”爸爸、爸爸，你做的這個游戲好丑，廣告都比你做的好看！“，
“我是做的教程，好不好...”，算了，傷心事就不提了！
游戲聯盟
游戲聯盟 creator-game-legends 開源專案，計劃將微信相關的 SDK 以零編程、可視化、組件化友好的方式提供非程式員使用，也能幫助新入坑的編程的伙伴們學習 Cocos Creator 微信 SDK 接入，這次更新我對專案結構進行了調整，看下圖：
- game-ad：廣告系列組件，目前提供了 「Banner」 和「激勵視頻」，后面還會陸續增加「插屏」、「格子」等組件型別，并且是直接拖拽就能使用；
- game-navigator：游戲導航換量組件，開啟不同游戲之間的傳送門，支持微信云動態二維碼二階跳，
其實微信小游戲也支持游戲錄屏、聲控、攝像頭控制等抖音小游戲玩法，只是感覺目前接入還不多，曉衡也會將這些能力補充上，敬請期待，也歡迎你的加入！原創不易，感謝點贊分享！
github：https://github.com/ShawnZhang2015/creator-game-legends
更多相關組件參考下面文章：
- 微信小游戲換量導航組件升級，微信云模式支持二階跳
- 媽媽再也不用擔心我不會寫代碼啦！激勵視頻組件，免費開源！
- CreatorPrimer 開源入門教程組件，原始碼升級 2.4.0
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/56162.html
標籤：其他