[KieLive#36] How to play with DMN

From the same creator of "DMN for developers". "How to play with DMN" smoothly approaches an uncommon problem and shows how to solve it with

About this event

[KieLive#36] How to play with DMN

Learning a new tool by following examples is great. You see things in practice, understand why those concepts exist and connect all the pieces. But that's not the real world.

In the real world, where problems are not designed to be resolve, we frequently struggle to solve totally unusual issues. In this talk, we will approach and understand how we can step-by-step solve an uncommon problem with DMN.

Link to the live streaming: https://red.ht/KieLive36

About the invited speaker:

Guilherme Carreiro, aka karreiro, is part of the KIE team since 2016 and currently the DMN Tooling lead. He's also the author of the learn-dmn-in-15-minutes.com course and frequently presents talks at conferences about his work. If you want to check more about him, he's an old-school-blogger at karreiro.com.

Transcript

1. How to play with DMN by Guilherme Carreiro
2. How to play with DMN by Guilherme Carreiro
3. github/karreiro karreiro.com karreiro.com/wiki karreiro.com/talks DMN tooling lead blog.kie.org
4. github/karreiro karreiro.com karreiro.com/wiki karreiro.com/talks DMN tooling lead Professional ScreenShooter blog.kie.org
5. github/karreiro karreiro.com karreiro.com/wiki karreiro.com/talks DMN tooling lead Professional ScreenShooter blog.kie.org
6. github/karreiro karreiro.com karreiro.com/wiki karreiro.com/talks DMN tooling lead Professional ScreenShooter blog.kie.org
8. How to create
9. let state = { ... }; let gameLoop = () => { state = executeDmn(state); paint(state); } setInterval(gameLoop, 40);
10. Snake game client let gameLoop = () => { state = executeDmn(state); paint(state); } setInterval(gameLoop, 40);
11. Snake game server let gameLoop = () => { state = executeDmn(state); paint(state); } setInterval(gameLoop, 40); HTTP requests Snake game client
12. Apple Snake head Snake body Coordinates
13. "state": { "snake": { "head": { "x": 2, "y": 4 }, "body": [ { "x": 2, "y": 4 }, { "x": 1, "y": 4 } ] }, "apple": { "x": -1, "y": -1 }, "gameOver": false, "key": "Right", "score": 0 }
14. "state": { "snake": { "head": { "x": 2, "y": 4 }, "body": [ { "x": 2, "y": 4 }, { "x": 1, "y": 4 } ] }, "apple": { "x": -1, "y": -1 }, "gameOver": false, "key": "Right", "score": 0 } let state = { ... }; let gameLoop = () => { state = executeDmn(state); paint(state); } setInterval(gameLoop, 40);
15. I. The infrastructure side
16. const grid = 20; const context = canvas.getContext("2d")!; function paintSnake(snake: Snake) { context.fillStyle = "#2ebd88"; [snake.head, ...snake.body].forEach((part) => { context.fillRect(part.x * grid, part.y * grid, grid, grid); }); } The infrastructure side
17. function setKey(event: KeyboardEvent) { switch (event.key.toLowerCase()) { case "arrowup": case "w": key = "Up"; case "arrowdown": case "s": key = "Down"; case "arrowleft": case "a": key = "Left"; case "arrowright": case "d": key = "Right"; } } window.addEventListener("keydown", (event) => setKey(event), false); The infrastructure side
19. "state": { "snake": { "head": { "x": 2, "y": 4 }, "body": [ { "x": 2, "y": 4 }, { "x": 1, "y": 4 } ] }, "apple": { "x": -1, "y": -1 }, "gameOver": false, "key": "Right", "score": 0 } function paintSnake(snake: Snake) { context.fillStyle = "#2ebd88"; [snake.head, ...snake.body].forEach(( context.fillRect(part.x * grid, par }); } function paintApple(apple: Apple) { ... } function paintBlackBackground() { ... } function paintScore() { ... }
20. II. The snake state
24. III. The apple state
28. IV. The score state
32. V. The game over state
35. 👏👏👏
36. The player state
42. GUI challenge
43. GUI challenge TypeScript
44. GUI challenge TypeScript Unusual integrations
45. GUI challenge TypeScript Unusual integrations DMN
46. GUI challenge TypeScript Unusual integrations DMN Interesting algorithm
47. GUI challenge DMN Interesting algorithm TypeScript Ready! Unusual integrations
48. DMN contributors guide
50. https:/ /bit.ly/dmn-cookbook
51. Thank you Slides: karreiro.com/talks