init

navegador5 · Dec 26, 2019 · e3ea3cd · e3ea3cd
commit e3ea3cd
Show file tree

Hide file tree

Showing 39 changed files with 4,334 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+# Torque
+
diff --git a/creator.js b/creator.js
@@ -0,0 +1,75 @@
+
+
+
+class Creator {
+    constructor(container, width, height, opt) {
+        this.zr = zrender.init(document.getElementById(container)),
+        this.t = new Torque(width, height, opt || {});
+    }
+
+    circle(x, y, r, opt) {
+        let circle = Torque.body.Circle(x, y, r, opt),
+            circleShape = new zrender.Circle({
+            shape: {
+                cx: x,
+                cy: y,
+                r: r
+            },
+            style: {
+                fill: opt.color,
+                stroke: '#333',
+                //text: circle.id
+            }
+        });
+
+        circle.setRender(function(body) {
+            circleShape.attr('origin', [body.position.x, body.position.y]);
+            circleShape.attr('rotation', -body.rotation);
+            circleShape.attr('shape', {
+                cx: body.origin.x,
+                cy: body.origin.y
+            });
+        });
+
+        circle.setData(circleShape);
+        this.t.append(circle);
+        this.zr.add(circleShape);
+    }
+
+    rect(x, y, w, h, opt) {
+        let rect = Torque.body.Rect(x, y, w, h, opt),
+            rectShape = new zrender.Rect({
+            origin: [rect.position.x, rect.position.y],
+            shape: {
+                x: x,
+                y: y,
+                width: w,
+                height: h
+            },
+            style: {
+                fill: opt.color,
+                stroke: '#333',
+                text: rect.id
+            }
+        });
+
+        rect.setRender(function(body) {
+            rectShape.attr('origin', [body.position.x, body.position.y]);
+            rectShape.attr('rotation', -body.rotation);
+            rectShape.attr('shape', {
+                x: body.origin.x,
+                y: body.origin.y
+            });
+        });
+
+        rect.setData(rectShape);
+        this.t.append(rect);
+        this.zr.add(rectShape);
+    }
+
+    polygon() {
+
+    }
+}
+
+Creator.v = Torque.math.vector;
diff --git a/demo.html b/demo.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Document</title>
+<style>
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+#canvas {
+    width: 1000px;
+    height: 600px;
+    background-color: #eee;
+}
+
+</style>
+</head>
+<body>
+
+
+<div id="canvas"></div>
+
+<button id="start">开始</button>
+<button id="pause">暂停</button>
+
+
+<div id="mouse"></div>
+
+<script src="./lib/zrender.min.js"></script>
+<script src="./dist/torque.js"></script>
+<script src="./creator.js"></script>
+<script src="./test.js"></script>
+<script>
+
+document.getElementById('start').addEventListener('click', () => {
+    creator.t.start();
+});
+
+document.getElementById('pause').addEventListener('click', () => {
+    creator.t.pause();
+});
+
+
+
+
+let mouse = document.getElementById('mouse');
+
+document.addEventListener('mousemove', e => {
+    mouse.innerText = 'x:' + e.clientX + '; y:' + e.clientY;
+});
+
+
+</script>
+</body>
+</html>
diff --git a/dist/torque.js b/dist/torque.js
diff --git a/lib/zrender.min.js b/lib/zrender.min.js
diff --git a/package.json b/package.json
@@ -0,0 +1,11 @@
+{
+  "dependencies": {
+    "awesome-typescript-loader": "^5.2.1",
+    "typescript": "^3.2.2",
+    "webpack": "^4.28.2",
+    "zrender": "^4.0.7"
+  },
+  "devDependencies": {
+    "webpack-cli": "^3.2.3"
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto