drumath2237 · drumath2237 · Aug 9, 2024 · Aug 9, 2024 · Aug 9, 2024 · Aug 9, 2024
diff --git a/templates/simple-js/.gitignore b/templates/simple-js/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/templates/simple-js/index.html b/templates/simple-js/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Simple Babylon.js</title>
+</head>
+
+<body>
+  <canvas id="renderCanvas"></canvas>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
+</html>
diff --git a/templates/simple-js/package.json b/templates/simple-js/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "simple-js",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@babylonjs/core": "^7.20.1",
+    "vite": "^5.4.0"
+  }
+}
diff --git a/templates/simple-js/src/main.js b/templates/simple-js/src/main.js
@@ -0,0 +1,24 @@
+import { Engine, MeshBuilder, Scene, Vector3 } from "@babylonjs/core";
+import "./style.css";
+
+const main = () => {
+  const renderCanvas = document.querySelector("#renderCanvas");
+  if (!renderCanvas) {
+    return;
+  }
+
+  const engine = new Engine(renderCanvas);
+  const scene = new Scene(engine);
+
+  scene.createDefaultCameraOrLight(true, true, true);
+  scene.createDefaultEnvironment();
+
+  const box = MeshBuilder.CreateBox("box", { size: 0.5 });
+  box.position = new Vector3(0, 0.25, 0);
+
+  window.addEventListener("resize", () => engine.resize());
+  engine.runRenderLoop(() => scene.render());
+};
+
+main();
+
diff --git a/templates/simple-js/src/style.css b/templates/simple-js/src/style.css
@@ -0,0 +1,12 @@
+html,
+body,
+#renderCanvas {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  overflow: unset;
+  border: none !important;
+  outline: none !important;
+  display: block;
+}
diff --git a/templates/simple-ts/.gitignore b/templates/simple-ts/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/templates/simple-ts/index.html b/templates/simple-ts/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Simple Babylon.js</title>
+</head>
+
+<body>
+  <canvas id="renderCanvas"></canvas>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
diff --git a/templates/simple-ts/package.json b/templates/simple-ts/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "simple-ts",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@babylonjs/core": "^7.20.1",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.0"
+  }
+}
diff --git a/templates/simple-ts/src/main.ts b/templates/simple-ts/src/main.ts
@@ -0,0 +1,26 @@
+import "./style.css";
+
+import { Engine, MeshBuilder, Scene, Vector3 } from "@babylonjs/core";
+
+const main = () => {
+  const renderCanvas =
+    document.querySelector<HTMLCanvasElement>("#renderCanvas");
+  if (!renderCanvas) {
+    return;
+  }
+
+  const engine = new Engine(renderCanvas);
+  const scene = new Scene(engine);
+
+  scene.createDefaultCameraOrLight(true, true, true);
+  scene.createDefaultEnvironment();
+
+  const box = MeshBuilder.CreateBox("box", { size: 0.5 });
+  box.position = new Vector3(0, 0.25, 0);
+
+  window.addEventListener("resize", () => engine.resize());
+  engine.runRenderLoop(() => scene.render());
+};
+
+main();
+
diff --git a/templates/simple-ts/src/style.css b/templates/simple-ts/src/style.css
@@ -0,0 +1,10 @@
+html, body, #renderCanvas {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  overflow: unset;
+  border: none !important;
+  outline: none !important;
+  display: block;
+}
diff --git a/templates/simple-ts/src/vite-env.d.ts b/templates/simple-ts/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/templates/simple-ts/tsconfig.json b/templates/simple-ts/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}