Playing Ionic Logo by p5.js16 Oct, 2022 Ionic Meetup #23 Tokyo@kkeeth @kuwahara_jsri @kkeeth
View Slide
Who am Iconst my_info = {Name: ‘Kuwahara KEETH Kiyohito’,Company: ‘Yumemi Inc’,Position: ‘Technical Evangelist’,Skills: ‘Riot.js/Next.js/p5.js’,}
Who am I
npmjs.com/~kkeeth
Let’s start 😆
🙇 Sorry … 🙇1. This slide is written in English. However, I’m still learningEnglish, and there may be some inappropriateexpressions.2. The word “Ionic” appears a lot in today's my talk, butthere is NO discussion of implementation using “Ionic”.
×
Do you know p5.js? 😁
URL: https://p5js.org/
URL: https://editor.p5js.org/
Let’s play Ioniclogo with p5.js
🙇 Sorry2 … 🙇old now
now🙇 Sorry2 … 🙇oldI will use this onethis time.
🙇 Sorry2 … 🙇old nowIt was difficult toexpress this…
Playing 1: Dots Image
Playing 2: 2D Shapes
Image By: https://en.wikipedia.org/wiki/Polar_coordinate_systemPolar Coordinate System
Playing 3: 3D Shapes
LIVE CODING 👉
Digression
Do you know Generative Art ? 😁
URL:https://www.pinterest.jp/pin/190980840435280107/ URL: https://www.pinterest.jp/pin/129267451795680561/
URL: https://www.pinterest.jp/pin/353180795787592200/ URL: https://twitter.com/t_ritoco/status/1461470820274819072/photo/3
URL: https://kkeeth.github.io/generative-art-toybox/random-walk/
URL: https://vimeo.com/10924639
At the end
Have fun with”p5.js”😆sample code:https://github.com/kkeeth/generative-art-toybox/tree/main/WORKS/ionic_logo_playing