提示系統是一個專門用在當學生無法回答正確答案是，給予提示

位置以及顯示方式

提示顯示的方式有兩種，一種是使用modal 來顯示圖片or 影片

另一種是直接在遊戲視窗中顯示

資料結構

• ShowAs : (String)

  • “Method”: 此遊戲的模板會固定呼叫遊戲模板中的 ShowHint 這個函數，您可以自行在遊戲元件中呼叫這個函數的規則。
  • “Single”: 單一提示，不會根據關卡而改片，您需要定義後續會顯示的”圖片”或是”影片”。
  • “Level”: 關卡提示: 提示內容會根據關卡改變而顯示內容，
  • “None”: 沒有提示

• Rule : (Object)

  這裡會定義顯示提示的條件，有兩個屬性需要設定(屬性更新的部分詳情請見提示系統的說明書)

  • RuleType : (String)
    1. WrongTimes : 錯誤次數
  • Value : (String)
    1. 次

• Data : (Object)

  Game.vue 這個view會如何解讀底下的資料取決於您的 ShowAs 的屬性

  • Method: 無須定義

  • Single:

    SourceType : 資源類型，接受 video 或是 image 兩種屬性

    FileName : (String), 將會指向遊戲資源資料夾

  • Level:

    預設解讀方式為一個陣列，陣列底下為一個數列

範例json檔案:

    "hint":{
		    "ShowAs" : "Level",
		    "Rule" : {
			    "RuleType": "WrongTimes",
			    "Value":  2
			   },
			  "Data" :[
				  {
						 "SourceType" : "video",
						 "FilePath" : "hint1.mp4"
					},
					 {
						 "SourceType" : "video",
						 "FilePath" : "hint2.mp4"
					},
					 {
						 "SourceType" : "video",
						 "FilePath" : "hint3.mp4"
					}, {
						 "SourceType" : "video",
						 "FilePath" : "hint4.mp4"
					}
					, {
						 "SourceType" : "video",
						 "FilePath" : "hint5.mp4"
					},

				]
    }

運作方式

ShowAs 呈現方式

ShowAs 定義了提示應該要以何種方式呈現

https://viewer.diagrams.net/?border=0&tags={}&highlight=330000&edit=_blank&layers=1&nav=1&open=R7ZnBf5sgFMf%2FGo7dR0UUj5om3aHtYTlsPVIl6kokNaRJ9tcPEGuMtkvXdLZZe2jkPUD5fR%2FyEABH881FSRbZFU8oA46VbAA8B45ju64vf5RlW1kwsitDWuZJZbIawzT%2FRU3L2rrKE7o0tsokOGciX7SNMS8KGouWjZQlX7erzThLWoYFSWnHMI0J61q%2F54nIjNX2gsbxleZpZm6NHTPgWxLfpSVfFeZ%2BwIET%2FVe556Tuywx0mZGEr3dMcAzgqORcVFfzzYgypW1btskT3sfnLmkhDmlAInaBt%2FeX19%2FEzXQdnbs0Rmc2rrp5IGxF63HopxXbWiE9Rqp6sQGM1lku6HRBYuVdy5iQtkzMmXHPeCEMZNtX5ZyxEWe81H3B2WzmxLG0L0XJ7%2BiOJ%2FFuPeRJj3kgWgq6eXKo9qOAMjApn1NRbmUV08CxjOYmJh0HVeV1Q9ivuWQ7cANjIyao0seuG2HlhdH2JTq7HVlpIuPQFHkpMp7ygrBxY40a4S1Zaupccr4wcv%2BkQmyN3mQleBsG3eTih2r%2BBZnSzY7nfGN61oVtXSjkeHcaqeLNrq9ppkt1u33w1XjVIJ%2BHKDXhqzKmz4lnXgukTKl4pp7bHxQlZUTkD%2B3nOD5h9FEIvwNSaFBS3iepg0k5g5LyP0kdTAoOSqonjfCYUAv9ghQthN79SqU8WrKzpdYslBWkOBstXO2XV6n%2BHfsgQCDywDgA2AY4BGMPYAwiB4zl%2FxHAARgjgBEIUX1XOYjqxqaPV%2BU0pIwNW2QdJ0FBewmKXScjOwmK3ZegeG%2BWoFh%2FTgT%2Fwdx7w3nkHDiP8JDzyOlQuKQPasd1pJzcsXpychzT%2Fpz8FiP3aCGPUTsndwcPefi5upzBA2dFMOSsgJ1Zcc0LegKTwvfe3aToW8lPah1wD4x4f8iIdzsUpnmRslOIedd6dzHfXXVPLObRgTHvDRnzqEPhikoRkxOIeQe%2Bt5j3uiEv91mhp3ZYasPlghDrfdYEBJZ2uSAK1YZL1gk8bQlB0N2g%2F%2FXX4mCwr8V7cODgcPweOFjpHU30TneiCfTBiSDAvnLJYv0x%2B0PD2V8thofTc2Lyv8LZ39MNDyfogYNAZEnh5zwhTBPCBoMiFCkwsijZSFRYvvZsVUe92xz1wSmM1Luwi%2FNo8AY7JNvfewwPz%2B7Sm2Z8HS6lTWO0QTjSLCwQdlceKYVo69zWr1B7xrbYxkRYnhayGEvpqLRHStg8Jiw0jnmeJDrJ6wPbTvz6s7hXkYJ7p5moe5ppuz2g4MtByWJzIq19O8f%2BcPwb

本功能提供了四種不同的方式來顯示各種不同的關卡，如下