此文章之範例適用於下列條件:
TMflow 軟體版本： 2.16 或以上。
TM 手臂硬體版本：HW3.2或以上。
其他特殊軟硬體需求： 無
請注意，新舊版本之差異可能導致操作介面、步驟上會有所差異。

將用blackjack做為例子以利介紹.

基本介紹： #

BlackJack 是一款結合了人機互動的遊戲。本文檔將教您如何使用簡單的編碼技巧來製作遊戲畫面。例如：遊戲主畫面將TMflow project的變數傳遞到對應的圖片中，以及START按鈕等。

🔥 下載黑傑克殼文件的壓縮包! 👉 點擊下載!

• 主畫面

遊戲的主畫面你可以自己設計。在這裡此遊戲中我們將設計轉換為圖像以在螢幕上顯示。

• 開始鍵

此按鈕連接TMflow的play功能。當你點擊它時，遊戲就會開始。

• 游戲介紹

遊戲開始後，畫面會顯示遊戲的介紹，方便玩家查看遊戲規則。

• 游戲狀態

為了幫助玩家了解遊戲過程，我們在螢幕右上角顯示遊戲狀態， 包括:

1. 發牌

2. 請補牌

3. 偵測手勢

4. 撲克牌卡住

• 變數應用

為了確保 UI 遵循 TMflow 的project，我們使用多個全域變數作為命令，並在 Visual Studio 中設定與這些變數的連接以在螢幕上顯示不同的圖像。例如卡牌的數值

• 玩家與莊家之總點數

當玩家做出NO手勢後，TMflow project將依照規則計算卡片的總點數並將結果（變數：g_player_t）傳送到TMcraft shell。當TMcraft取得變數值時，會顯示該數字對應的影像。莊家玩家相同。 （作為變數：g_dealer_total）

• 遊戲輸贏結果

當閒家和莊家都達到理想總點數，或其中一人爆牌，或其中一人兩張牌總點數為 21 點，TMflow porject會將兩者進行比較，給出最終結果，並將變數返回給TMcraft shell。

• 點擊任意處可回到遊戲主畫面

在.xaml(UI編制面板)中設定各種介面圖層，包含遊戲開頭畫面、遊戲介紹畫面、牌桌畫面、輸贏顯示畫面等，當遊戲結束顯示輸贏面畫面時，當玩家再度點擊畫面中任一位置，即觸發程式邏輯，將遊戲開頭畫面的Visibility參數設定為“Visible“，其他頁面的Visibility參數則設定為” Collapsed”