camera tool

chaojie · Jan 4, 2024 · a6842be · a6842be
1 parent b963173
commit a6842be
Show file tree

Hide file tree

Showing 5 changed files with 3,712 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -18,6 +18,8 @@ Four nodes `Motionctrl Sample` & `Load Motion Camera Preset` & `Load Motion Traj
 
 [Motion Traj Tool](https://chaojie.github.io/ComfyUI-MotionCtrl/tools/draw.html) Generate motion trajectories
 
+[Motion Camera Tool](https://chaojie.github.io/ComfyUI-MotionCtrl/tools/index.html) Generate motion camera points
+
 ## Examples
 
 base workflow

diff --git a/tools/assets/index-43v8HXt0.css b/tools/assets/index-43v8HXt0.css
diff --git a/tools/assets/index-COHY6Gt9.js b/tools/assets/index-COHY6Gt9.js
diff --git a/tools/draw.html b/tools/draw.html
@@ -4,15 +4,16 @@
 <head>
   <meta charset="utf-8">
 
-  <title>HTML5 Canvas Drawing</title>
+  <title>TRAJ MOTION DESIGNER</title>
 </head>
 
 <body>
   Click on canvas to draw traj<br/>
   <canvas id="canvas" height="256" width="256" style="border:1px dotted gray;"></canvas>
   <br/>
   Results:<br/>
-  <textarea id="traj" style="width:256px;height:128px;" placeholder="points"></textarea>
+  <textarea id="traj" style="width:256px;height:128px;" placeholder="points"></textarea><br/>
+  <a href="draw.html">Traj tool</a> | <a href="index.html">Camera tool</a>
   <script>
 		// Variables for referencing the canvas and 2dcanvas context
 		var canvas,ctx;

diff --git a/tools/index.html b/tools/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<title>CAMERA MOTION DESIGNER</title>
+		<style>
+			body { margin: 0; }
+		</style>
+		<script type="module" crossorigin src="/assets/index-COHY6Gt9.js"></script>
+		<link rel="stylesheet" crossorigin href="/assets/index-43v8HXt0.css">
+	</head>
+	<body>
+        <div id="info"><button id="btn_translate">Translate</button><button id="btn_rotate">Rotate</button><button id="btn_addpoint">Add Point</button>
+			<!--"W" translate | "E" rotate--><br />
+            <textarea id="tb_result" style="width:256px; height:128px;">[]</textarea><br/>
+            <a href="draw.html">Traj tool</a> | <a href="index.html">Camera tool</a>
+		</div>
+	</body>
+</html>