Skip to content

Commit 1374190

Browse files
elfgoddelfgodd
committed
Section 22: Getting Content to Appear
1 parent a4f45c4 commit 1374190

3 files changed

Lines changed: 31 additions & 4 deletions

File tree

‎22-Javascript-with-the-Canvas-API/01-Maze/index.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,10 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
7-
<script src="index.js"></script>
6+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
87
<title>Maze</title>
98
</head>
109
<body>
11-
10+
<script src="index.js"></script>
1211
</body>
1312
</html>

‎22-Javascript-with-the-Canvas-API/01-Maze/index.js‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,21 @@
1-
console.log('hello world')
1+
// Matter.js library
2+
const { Engine, Render, Runner, World, Bodies } = Matter
3+
4+
const engine = Engine.create()
5+
const { world } = engine
6+
const render = Render.create({
7+
element: document.body,
8+
engine: engine,
9+
options: {
10+
width: 800,
11+
height: 600
12+
}
13+
})
14+
15+
Render.run(render)
16+
Runner.run(Runner.create(), engine)
17+
18+
const shape = Bodies.rectangle(200, 200, 50, 50, {
19+
isStatic: true
20+
})
21+
World.add(world, shape)

‎22-Javascript-with-the-Canvas-API/README.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,11 @@
33
**folder 01**
44

55
## 1. 02 Project Setup
6+
7+
#### UI documentation
8+
9+
https://brm.io/matter-js/
10+
https://brm.io/matter-js/demo
11+
12+
13+
## 2. 04 Getting Content to Appear

0 commit comments

Comments
 (0)