Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Playing Ionic Logo by p5.js
Search
kkeeth
October 16, 2022
Programming
0
250
Playing Ionic Logo by p5.js
kkeeth
October 16, 2022
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
2.7k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
150
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.9k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
590
JavaScript × Mathematics go to Digital Art
clown0082
1
360
In-house study group at YUMEMI
clown0082
0
190
Skills that employers recommend students to acquire
clown0082
1
290
Walking through the source code of an OSS Library(ESLint))
clown0082
0
390
Other Decks in Programming
See All in Programming
보일러플레이트 코드가 진짜 나쁜 건가요?
gaeun5744
0
360
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
310
php-fpm がリクエスト処理する仕組みを追う / Tracing-How-php-fpm-Handles-Requests
shin1x1
4
780
読もう! Android build ドキュメント
andpad
1
230
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
110
RailsでCQRS/ESをやってみたきづき
suzukimar
2
1.5k
AI Agentを利用したAndroid開発について
yuchan2215
0
200
RubyKaigiで手に入れた HHKB Studioのための HIDRawドライバ
iberianpig
0
190
Django for Data Science (Boston Python Meetup, March 2025)
wsvincent
0
220
ステートソーシング型イベント駆動の視点で捉えるCQRS+ES
shinnosuke0522
1
310
Scala 3 で GLSL のための c-like-for を実装してみた
exoego
1
170
JavaOne 2025: Advancing Java Profiling
jbachorik
1
310
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
99
5.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
176
52k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
BBQ
matthewcrist
88
9.5k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
Agile that works and the tools we love
rasmusluckow
328
21k
Thoughts on Productivity
jonyablonski
69
4.5k
Done Done
chrislema
183
16k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Docker and Python
trallard
44
3.3k
Transcript
Playing Ionic Logo by p5.js 16 Oct, 2022 Ionic Meetup
#23 Tokyo @kkeeth @kuwahara_jsri @kkeeth
Who am I const 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 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”.
×
×
Do you know p5.js? 😁
URL: https://p5js.org/
URL: https://editor.p5js.org/
None
Let’s play Ionic logo with p5.js
🙇 Sorry2 … 🙇 old now
now 🙇 Sorry2 … 🙇 old I will use this
one this time.
🙇 Sorry2 … 🙇 old now It was dif fi
cult to express this…
Playing 1: Dots Image
None
None
None
None
None
None
Playing 2: 2D Shapes
None
None
None
Image By: https://en.wikipedia.org/wiki/Polar_coordinate_system Polar Coordinate System
None
None
None
None
None
None
Playing 3: 3D Shapes
None
None
None
None
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
None
At the end
Have fun with ”p5.js”😆 sample code: https://github.com/kkeeth/generative-art-toybox/tree/main/WORKS/ionic_logo_playing
None