O jogo utiliza a câmera de selfie e mostra a imagem do player. Quando o player pisca a tela do jogo também pisca's game

Click here for free DL of the app version that can save data.

No:14637

←

Prev Next

→

O jogo utiliza a câmera de selfie e mostra a image..ALL
Developer User6325｜Date and time 23/9/3 21:12:29
Build time 22.776 sec｜Game capacity 2.605KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

// Função que inicia o jogo
  function startGame() {
    // Obtendo referência para a câmera de selfie
    navigator.mediaDevices.getUserMedia({ video: { facingMode: 'user' } })
      .then((stream) => {
        const video = document.createElement('video')
        video.srcObject = stream
        video.addEventListener('play', () => {
          // Centralizando o vídeo na tela do jogo
          const canvas = faceapi.createCanvasFromMedia(video)
          document.body.append(canvas)
          const displaySize = { width: video.width, height: video.height }
          faceapi.matchDimensions(canvas, displaySize)

// Atualizando o jogo com base nos movimentos faciais do jogador
          setInterval(async () => {
            const detections = await faceapi.detectAllFaces(video, new faceapi.TinyFaceDetectorOptions())
              .withFaceLandmarks()
              .withFaceExpressions()

// Detectando o piscar de olhos do jogador
            const eyeBlink = detections[0].expressions.blink
            if (eyeBlink > 0.5) {
              // Fazendo a tela do jogo piscar
              canvas.style.opacity = 0
              setTimeout(() => {
                canvas.style.opacity = 1
              }, 100)
            }

}, 100)

// Atualizando a tela do jogo
          setInterval(async () => {
            const detections = await faceapi.detectAllFaces(video, new faceapi.TinyFaceDetectorOptions())
              .withFaceLandmarks()
              .withFaceExpressions()

// Atualizando a imagem do player com base na câmera de selfie
            const image = await faceapi.fetchImage('player.jpg') // Substitua 'player.jpg' pela imagem do jogador
            const playerDetection = await faceapi.detectSingleFace(image).withFaceLandmarks().withFaceExpressions()

// Desenhando a imagem do jogador no canvas
            const resizedPlayerDetection = faceapi.resizeResults(playerDetection, displaySize)
            const { x, y, width, height } = resizedPlayerDetection.detection.box
            canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height)
            canvas.getContext('2d').drawImage(image, x, y, width, height)

}, 100)
        })
        video.play()
      })
  }
</script>