Be a Human Controller- Move Tetris blocks by moving your body - — Web Application with Nuxt and Tensorflow.js—


Background

Image from PoseNet repository

Game Logic

Bone data flow
<template>  
 <tetris-frame ref="tetris" />
</template><script>
import TetrisFrame from '@/components/TetrisFrame'mounted () {
 posenet.setDelegate(this.callbackDelegate);       
 posenet.startPosenet();  
},
methods: {
 callbackDelegate(keypoints, score) {      
  this.$refs.tetris.setKeyPoints(keypoints);      
 }    
}</script>
MOVE
ROTATE

Performance

PC: MacBook Pro(Retina, 15-inch, Mid 2015)
Processor: 2.2 GHz Intel Core i7
Memory: 16 GB
Graphics: Intel Iris Pro 1536 MB

Conclusion

Vue.js Developers

Helping web professionals up their skill and knowledge of Vue.js

Mitsuya Watanabe

Written by

https://mitsuyacider.com/

Vue.js Developers

Helping web professionals up their skill and knowledge of Vue.js