Playing Ionic Logo by p5.js

Transcript

1. Playing Ionic Logo by p5.js 16 Oct, 2022 Ionic Meetup #23 Tokyo @kkeeth @kuwahara_jsri @kkeeth
2. Who am I const my_info = { Name: ‘Kuwahara KEETH Kiyohito’, Company: ‘Yumemi Inc’, Position: ‘Technical Evangelist’, Skills: ‘Riot.js/Next.js/p5.js’, }
3. Who am I
4. npmjs.com/~kkeeth
5. Let’s start 😆
6. 🙇 Sorry … 🙇 1. This slide is written in English. However, I’m still learning English, and there may be some inappropriate expressions. 2. The word “Ionic” appears a lot in today's my talk, but there is NO discussion of implementation using “Ionic”.
7. ×
8. ×
9. Do you know p5.js? 😁
10. URL: https://p5js.org/
11. URL: https://editor.p5js.org/
13. Let’s play Ionic logo with p5.js
14. 🙇 Sorry2 … 🙇 old now
15. now 🙇 Sorry2 … 🙇 old I will use this one this time.
16. 🙇 Sorry2 … 🙇 old now It was dif fi cult to express this…
17. Playing 1: Dots Image
24. Playing 2: 2D Shapes
28. Image By: https://en.wikipedia.org/wiki/Polar_coordinate_system Polar Coordinate System
35. Playing 3: 3D Shapes
40. LIVE CODING 👉
41. Digression
42. Do you know Generative Art ? 😁
43. URL:https://www.pinterest.jp/pin/190980840435280107/ URL: https://www.pinterest.jp/pin/129267451795680561/
44. URL: https://www.pinterest.jp/pin/353180795787592200/ URL: https://twitter.com/t_ritoco/status/1461470820274819072/photo/3
45. URL: https://kkeeth.github.io/generative-art-toybox/random-walk/
46. URL: https://vimeo.com/10924639
48. At the end
49. Have fun with ”p5.js”😆 sample code: https://github.com/kkeeth/generative-art-toybox/tree/main/WORKS/ionic_logo_playing