Fixing flocking example

horizon-games · Mar 29, 2024 · 73194b9 · 73194b9
1 parent eb21f21
commit 73194b9
Show file tree

Hide file tree

Showing 16 changed files with 6,492 additions and 5,406 deletions.
diff --git a/examples/flocking/.env b/examples/flocking/.env
@@ -1,6 +1,6 @@
-FLOCK_SIZE=750
-MAX_SPEED=2
-MAX_FORCE=0.03
-NEIGHBOR_DISTANCE=50
-DESIRED_SEPARATION=25
-RADIUS=2
+VITE_FLOCK_SIZE=750
+VITE_MAX_SPEED=2
+VITE_MAX_FORCE=0.03
+VITE_NEIGHBOR_DISTANCE=50
+VITE_DESIRED_SEPARATION=25
+VITE_RADIUS=2
diff --git a/examples/flocking/src/index.html → examples/flocking/index.html b/examples/flocking/src/index.html → examples/flocking/index.html
@@ -1,24 +1,24 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <!--
       Daniel Shiffman's flocking example ported from processing to javascript using HTML5 canvas.
     -->
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <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>Flocking</title>
 
     <style type="text/css">
-      html, body {
+      html,
+      body {
         padding: 0;
         margin: 0;
       }
     </style>
   </head>
   <body>
     <canvas id="flocking"></canvas>
-    <script src="./index.ts" type="text/javascript"></script>
+    <script type="module" src="./src/index.ts" type="text/javascript"></script>
   </body>
 </html>
-
diff --git a/examples/flocking/package.json b/examples/flocking/package.json
@@ -6,21 +6,15 @@
   "author": "Corban Riley",
   "license": "MIT",
   "scripts": {
-    "start": "parcel src/index.html",
-    "tslint": "tslint -c tslint.json $(find src -type f -name *.ts)",
-    "tslint:fix": "tslint -c tslint.json --fix $(find src -type f -name *.ts)",
-    "prettier": "prettier-check --config .prettierrc $(find src -type f -name *.ts)",
-    "prettier:fix": "prettier --config .prettierrc --write $(find src -type f -name *.ts)"
+    "start": "vite",
+    "format": "prettier --write --write src/**/*.ts"
   },
   "devDependencies": {
-    "@types/node": "^13.5.1",
+    "@types/node": "^20.11.30",
     "@types/stats": "^0.16.30",
-    "parcel-bundler": "^1.12.4",
-    "prettier": "^1.14.3",
-    "prettier-check": "^2.0.0",
-    "tslint": "^6.0.0",
-    "tslint-config-prettier": "^1.15.0",
-    "typescript": "^3.8.3"
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.6"
   },
   "dependencies": {
     "stats.js": "^0.17.0"