three+MediaPipe实现手势识别捏合陶瓷雕刻瓷器代码
代码语言:html
所属分类:三维
代码描述:three+MediaPipe实现手势识别捏合陶瓷雕刻瓷器代码 ,捏合手指 (食指+拇指) 并左右移动来塑形
代码标签: three MediaPipe 手势 识别 捏合 陶瓷 雕刻 瓷器 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>AI手势陶瓷雕刻 - Three.js + MediaPipe</title>
<style>
body { margin: 0; overflow: hidden; background: #f0f0f0; font-family: sans-serif; }
#canvas-container { width: 100vw; height: 100vh; }
#video-container {
position: absolute; bottom: 20px; left: 20px;
width: 240px; height: 180px; border-radius: 10px;
overflow: hidden; border: 2px solid white; box-shadow: 0 4px 15px rgba(0,0,0,0.2);
z-index: 10; transform: scaleX(-1); /* 镜像画面 */
}
video { width: 100%; height: 100%; object-fit: cover; }
#ui {
position: absolute; top: 20px; left: 20px;
background: rgba(255,255,255,0.8); padding:.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0