dennis/codewanderer
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Basic p5, parcel, typescript setup

Browse source
This commit is contained in:
Dennis Schoepf 2021-07-14 14:03:15 +02:00
parent a6616f5f21
commit d0e3e51a7d
11 changed files with 64 additions and 114045 deletions
Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -6,6 +6,7 @@
<link rel="stylesheet" href="./styles.scss" />
</head>
<body>
<script src="./main.js"></script>
<div class="ui"></div>
<script src="./main.ts"></script>
</body>
</html>

109651
lib/p5.js
View file

File diff suppressed because one or more lines are too long

4390
lib/p5.play.js
View file

File diff suppressed because it is too large Load diff

1
main.js
View file

@ -1 +0,0 @@
console.log('Basic setup');

15
main.ts Normal file
View file

@ -0,0 +1,15 @@
import p5 from 'p5';
import { SCREEN_WIDTH, SCREEN_HEIGHT } from './src/constants';
const sketch = (s) => {
s.setup = () => {
s.createCanvas(SCREEN_WIDTH, SCREEN_HEIGHT);
};
s.draw = () => {
s.background(220);
s.rect(200, 200, 200, 200);
s.print(s.mouseX, s.mouseY);
};
};
const p5Instance = new p5(sketch);

6
package.json
View file

@ -12,6 +12,10 @@
"devDependencies": {
"parcel-bundler": "^1.12.5",
"prettier": "^2.3.2",
"sass": "^1.35.2"
"sass": "^1.35.2",
"typescript": "^4.3.5"
},
"dependencies": {
"p5": "^1.4.0"
}
}

13
src/Player.ts Normal file
View file

@ -0,0 +1,13 @@
export class Player {
x: number;
y: number;
sketch: any;
constructor(sketch: any, x: number, y: number) {
this.sketch = sketch;
this.x = x;
this.y = y;
}
draw() {}
}

2
src/colors.js → src/colors.ts
View file

@ -1,4 +1,4 @@
export const colors = {
export const colors: { [key: string]: string } = {
greyLighter: '#EBEEF2',
greyLight: '#D0D5D9',
grey: '#B0B7BF',

2
src/constants.ts Normal file
View file

@ -0,0 +1,2 @@
export const SCREEN_WIDTH = document.body.clientWidth;
export const SCREEN_HEIGHT = document.body.clientHeight;

16
styles.scss
View file

@ -0,0 +1,16 @@
html,
body {
margin: 0;
padding: 0;
height: 100%;
}
main {
max-height: 100%;
}
*,
*::before,
*::after {
box-sizing: border-box;
}

10
yarn.lock
View file

@ -3675,6 +3675,11 @@ os-browserify@^0.3.0:
resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
p5@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/p5/-/p5-1.4.0.tgz#d4d0f001c297525831861af5e017cdb5ef517a75"
integrity sha512-U888W2ChcIzPhRhnv4FkNhaa4f5BDIWZfLhzvx9ZrQ5KtkZr/+o1UPIicV3yWTRy0HEG23NviHyDR3kgjaJ9wA==
pako@^0.2.5:
version "0.2.9"
resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@ -5116,6 +5121,11 @@ typedarray@^0.0.6:
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
typescript@^4.3.5:
version "4.3.5"
resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==
unbox-primitive@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.1.tgz#085e215625ec3162574dc8859abee78a59b14471"