drawmotion
Gesture-controlled 2D drawing in your browser. Local webcam tracking, assisted strokes and PNG export.
파일 탐색기
- ci.yml
- production-source.yml
- release.yml
- security.yml
- CODEOWNERS
- dependabot.yml
- pull_request_template.md
- 0001-technical-stack.md
- 0002-git-and-release-strategy.md
- 0003-offline-application.md
- implementation-plan.md
- README.md
- drawmotion-preview.png
- lot10-local.md
- lot11-local.md
- v1.0.0.md
- ARCHITECTURE.md
- COMPATIBILITY.md
- RELEASE.md
- TESTING.md
- THIRD_PARTY.md
- drawmotion-symbol-b.png
- geist-OFL.txt
- mediapipe-Apache-2.0.txt
- README.md
- shadcn-MIT.txt
- tailwindcss-MIT.txt
- tw-animate-css-MIT.txt
- gesture-correct.png
- gesture-cursor.png
- gesture-menu.png
- gesture-pinch.png
- gesture-shapes.png
- apple-touch-icon.png
- icon-192.png
- icon-512.png
- maskable-512.png
- vision_wasm_internal.js
- vision_wasm_internal.wasm
- vision_wasm_module_internal.js
- vision_wasm_module_internal.wasm
- vision_wasm_nosimd_internal.js
- vision_wasm_nosimd_internal.wasm
- hand_landmarker.task
- README.md
- check-bundle-budget.mjs
- generate-pwa-icons.mjs
- pwa-config.ts
- security-policy.ts
- seo.test.ts
- seo.ts
- verify-deployment.mjs
- verify-licenses.mjs
- verify-pwa.d.mts
- verify-pwa.mjs
- verify-pwa.test.ts
- verify-vision-assets.mjs
- workbox-events.d.ts
- App.tsx
- providers.tsx
- alert-dialog.tsx
- button.tsx
- popover.tsx
- progress.tsx
- separator.tsx
- slider.tsx
- sonner.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- canvas-drawing-controller.ts
- canvas-png-export.test.ts
- canvas-png-export.ts
- canvas-viewport.test.ts
- canvas-viewport.ts
- drawing-commands.test.ts
- drawing-commands.ts
- drawing-history.test.ts
- drawing-history.ts
- drawing-model.ts
- stroke-assistance.test.ts
- stroke-assistance.ts
- stroke-resampling.test.ts
- stroke-resampling.ts
- two-layer-canvas-renderer.integration.test.ts
- two-layer-canvas-renderer.ts
- coordinate-mapping.ts
- drawing-intentions.ts
- gesture-classifier.test.ts
- gesture-classifier.ts
- gesture-pointer.test.ts
- gesture-pointer.ts
- gesture-resistance.integration.test.ts
- gesture-state-machine.test.ts
- gesture-state-machine.ts
- gesture-thresholds.ts
- pinch-detector.test.ts
- pinch-detector.ts
- pointer-motion-filter.test.ts
- pointer-motion-filter.ts
- camera-preview.integration.test.tsx
- camera-preview.tsx
- camera-state.test.ts
- camera-state.ts
- use-camera-lifecycle.ts
- use-hand-tracking.ts
- png-download.test.ts
- png-download.ts
- gesture-coach.test.tsx
- gesture-coach.tsx
- gesture-lesson-illustration.tsx
- onboarding-machine.test.ts
- onboarding-machine.ts
- onboarding-persistence.test.ts
- onboarding-persistence.ts
- use-workspace-onboarding.ts
- pwa-menu.tsx
- update-status.tsx
- use-connectivity.test.tsx
- use-connectivity.ts
- use-installation.test.tsx
- use-installation.ts
- use-pwa.ts
- brand-mark.tsx
- color-conversion.test.ts
- color-conversion.ts
- custom-color-picker.test.tsx
- custom-color-picker.tsx
- drawing-settings.ts
- drawing-tools.ts
- tool-button.tsx
- tool-rail.test.tsx
- tool-rail.tsx
- top-bar.test.tsx
- top-bar.tsx
- camera.css
- chrome.css
- interactions.css
- responsive.css
- canvas-viewport-controls.tsx
- drawing-canvas.tsx
- gesture-command-palette.test.tsx
- gesture-command-palette.tsx
- gesture-drawing-mode.test.ts
- gesture-drawing-mode.ts
- gesture-menu-availability.ts
- gesture-mode-feedback.test.ts
- gesture-mode-feedback.ts
- gesture-palette-hit-test.test.ts
- gesture-palette-hit-test.ts
- gesture-palette-interaction.test.ts
- gesture-palette-interaction.ts
- use-workspace-gestures.ts
- use-workspace-navigation.ts
- workspace-shell.integration.test.tsx
- workspace-shell.tsx
- workspace.css
- en.ts
- es.ts
- fr.ts
- index.ts
- it.ts
- locale.test.ts
- locale.ts
- zh.ts
- media-stream-adapter.test.ts
- media-stream-adapter.ts
- hand-tracker-port.ts
- hand-tracking-session.test.ts
- hand-tracking-session.ts
- landmark-overlay-renderer.test.ts
- landmark-overlay-renderer.ts
- mediapipe-hand-tracker.test.ts
- mediapipe-hand-tracker.ts
- vision-diagnostics.test.ts
- vision-diagnostics.ts
- vision-worker-runtime.test.ts
- vision-worker-runtime.ts
- worker-hand-tracker.test.ts
- worker-hand-tracker.ts
- worker-protocol.test.ts
- worker-protocol.ts
- initial-control.test.ts
- initial-control.ts
- pwa-client.test.ts
- pwa-client.ts
- pwa-contract.ts
- drawing-draft.test.ts
- drawing-draft.ts
- utils.ts
- globals.css
- fake-hand-tracker.ts
- gesture-landmarks.test.ts
- gesture-landmarks.ts
- hand-landmarks.ts
- locale.ts
- setup.ts
- hand-tracking.worker.ts
- sw.ts
- main.tsx
- vite-env.d.ts
- gesture-camera.ts
- hand-tracking.worker.js
- pwa-server.ts
- accessibility.spec.ts
- gestures.spec.ts
- localization.spec.ts
- pwa-update.spec.ts
- pwa.spec.ts
- security.spec.ts
- seo.spec.ts
- workspace.spec.ts
- .editorconfig
- .gitattributes
- .gitignore
- .nvmrc
- .prettierignore
- CHANGELOG.md
- components.json
- CONTRIBUTING.md
- DESIGN.md
- eslint.config.js
- index.html
- LICENSE
- package.json
- playwright.config.ts
- pnpm-lock.yaml
- pnpm-workspace.yaml
- prettier.config.mjs
- PRODUCT.md
- README.md
- SECURITY.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- tsconfig.sw.json
- vite.config.ts
- vitest.config.ts
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
링크
예시
// repository documentation
Was this content helpful?
(0 ratings)