Skip to content

Instantly share code, notes, and snippets.

@wwwourstudio
wwwourstudio / index.html
Created October 17, 2022 07:51
MediaPipe - Holistic
<div class="container">
<video class="input_video"></video>
<div class="canvas-container">
<canvas class="output_canvas" width="1280px" height="720px">
</canvas>
</div>
<div class="loading">
<div class="spinner"></div>
<div class="message">
Loading
This file has been truncated, but you can view the full file.
export const W = 'w'
export const A = 'a'
export const S = 's'
export const D = 'd'
export const SHIFT = 'shift'
export const DIRECTIONS = [W, A, S, D]
export class KeyDisplay {
map: Map<string, HTMLDivElement> = new Map()
import * as THREE from 'three'
import { OrbitControls } from 'https://unpkg.com/three@0.143.0/examples/jsm/controls/OrbitControls.js'
import { A, D, DIRECTIONS, S, W } from 'https://gist.githubusercontent.com/wwwourstudio/b14f97877442d3a926fc79d0698bc40d/raw/15e37618fe34f52300638190b73779ac5d63f380/utils.js'
export class CharacterControls {
model: THREE.Group
mixer: THREE.AnimationMixer
animationsMap: Map<string, THREE.AnimationAction> = new Map() // Walk, Run, Idle
This file has been truncated, but you can view the full file.
glTFD°
$JSON{"asset":{"copyright":"Neotix Anderson Mancini","generator":"Khronos glTF Blender I/O v1.8.19","version":"2.0"},"extensionsUsed":["KHR_draco_mesh_compression"],"extensionsRequired":["KHR_draco_mesh_compression"],"scene":1,"scenes":[{"name":"Scene"},{"name":"Scene.001","nodes":[0,1,2,3,4,5]}],"nodes":[{"mesh":0,"name":"2k","rotation":[0,0.7071068286895752,0,0.7071068286895752],"scale":[24.869293212890625,24.869293212890625,24.869293212890625],"translation":[-1.7531816959381104,2.728511333465576,-0.6997795104980469]},{"mesh":1,"name":"followers","rotation":[0,0.7071068286895752,0,0.7071068286895752],"scale":[2.704350233078003,2.704350233078003,2.704350233078003],"translation":[7.204730033874512,0.6897009611129761,5.243494987487793]},{"mesh":2,"name":"thank-you","rotation":[0,0.7071067690849304,0,0.7071068286895752],"scale":[1.6141753196716309,1.6141753196716309,1.6141753196716309],"translation":[9.728007316589355,0.2500958740711212,2.7926902770996094]},{"mesh":3,"name":"Rocks","scale":[0.834
{
"accessors": [
{
"bufferView": 2,
"componentType": 5126,
"count": 65532,
"max": [
8.5690336227417,
-0.9738515019416809,
4.767940044403076
{
"accessors": [
{
"bufferView": 2,
"componentType": 5126,
"count": 65532,
"max": [
8.5690336227417,
-0.9738515019416809,
4.767940044403076