瀏覽代碼

🎉 Initial commit
- Add initial p5Js project files

Pedro Schneider 2 年之前
當前提交
4b1d012314
共有 6 個文件被更改,包括 46 次插入0 次删除
  1. 18 0
      index.html
  2. 7 0
      jsconfig.json
  3. 3 0
      libraries/p5.min.js
  4. 3 0
      libraries/p5.sound.min.js
  5. 7 0
      src/sketch.js
  6. 8 0
      style.css

+ 18 - 0
index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Sketch</title>
+
+    <link rel="stylesheet" type="text/css" href="style.css">
+
+    <script src="libraries/p5.min.js"></script>
+    <script src="libraries/p5.sound.min.js"></script>
+  </head>
+
+  <body>
+    <script src="src/sketch.js"></script>
+  </body>
+</html>

+ 7 - 0
jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "include": [
+    "*.js",
+    "libraries/*.js",
+    "/home/ptrschneider/.vscode-oss/extensions/samplavigne.p5-vscode-1.2.8/p5types/global.d.ts"
+  ]
+}

文件差異過大導致無法顯示
+ 3 - 0
libraries/p5.min.js


文件差異過大導致無法顯示
+ 3 - 0
libraries/p5.sound.min.js


+ 7 - 0
src/sketch.js

@@ -0,0 +1,7 @@
+function setup() {
+  createCanvas(400, 400);
+}
+
+function draw() {
+  background(220);
+}

+ 8 - 0
style.css

@@ -0,0 +1,8 @@
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+canvas {
+  display: block;
+}