触控板

const{ app,BrowserWindow,TouchBar}=require('electron')

const{TouchBarLabel,TouchBarButton,TouchBarSpacer}=TouchBar

let spinning =false

// Reel labels
const reel1 =newTouchBarLabel({label:''})
const reel2 =newTouchBarLabel({label:''})
const reel3 =newTouchBarLabel({label:''})

// Spin result label
const result =newTouchBarLabel({label:''})

// Spin button
const spin =newTouchBarButton({
label:'🎰 Spin',
backgroundColor:'#7851A9',
click:()=>{
// Ignore clicks if already spinning
if(spinning){
return
}

 spinning =true
 result.label=''

let timeout =10
const spinLength =4*1000// 4 seconds
const startTime =Date.now()

constspinReels=()=>{
updateReels()

if((Date.now()- startTime)>= spinLength){
finishSpin()
}else{
// Slow down a bit on each spin
 timeout *=1.1
setTimeout(spinReels, timeout)
}
}

spinReels()
}
})

constgetRandomValue=()=>{
const values =['🍒','💎','7️⃣','🍊','🔔','⭐','🍇','🍀']
return values[Math.floor(Math.random()* values.length)]
}

constupdateReels=()=>{
 reel1.label=getRandomValue()
 reel2.label=getRandomValue()
 reel3.label=getRandomValue()
}

constfinishSpin=()=>{
const uniqueValues =newSet([reel1.label, reel2.label, reel3.label]).size
if(uniqueValues ===1){
// All 3 values are the same
 result.label='💰 Jackpot!'
 result.textColor='#FDFF00'
}elseif(uniqueValues ===2){
// 2个值相同
 result.label='😍 Winner!'
 result.textColor='#FDFF00'
}else{
// 没有值相同
 result.label='🙁 Spin Again'
 result.textColor=null
}
 spinning =false
}

const touchBar =newTouchBar({
items:[
 spin,
newTouchBarSpacer({size:'large'}),
 reel1,
newTouchBarSpacer({size:'small'}),
 reel2,
newTouchBarSpacer({size:'small'}),
 reel3,
newTouchBarSpacer({size:'large'}),
 result
]
})

letwindow

app.whenReady().then(()=>{
window=newBrowserWindow({
frame:false,
titleBarStyle:'hiddenInset',
width:200,
height:200,
backgroundColor:'#000'
})
window.loadURL('about:blank')
window.setTouchBar(touchBar)
})