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
290
Playing Ionic Logo by p5.js
kkeeth
October 16, 2022
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
37
とある EM の初めての育休からの学び
clown0082
1
4.3k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
190
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.7k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
630
JavaScript × Mathematics go to Digital Art
clown0082
1
410
In-house study group at YUMEMI
clown0082
0
210
Skills that employers recommend students to acquire
clown0082
1
310
Other Decks in Programming
See All in Programming
CSC305 Lecture 01
javiergs
PRO
1
400
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
23
12k
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
CSC305 Lecture 04
javiergs
PRO
0
250
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
170
CSC509 Lecture 01
javiergs
PRO
1
430
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
140
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1.1k
Catch Up: Go Style Guide Update
andpad
0
160
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
380
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
910
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osk2025-duckdb
takahashiikki
1
240
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Statistics for Hackers
jakevdp
799
220k
Scaling GitHub
holman
463
140k
Practical Orchestrator
shlominoach
190
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
Building Applications with DynamoDB
mza
96
6.6k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Designing for Performance
lara
610
69k
Docker and Python
trallard
46
3.6k
Embracing the Ebb and Flow
colly
88
4.8k
Six Lessons from altMBA
skipperchong
28
4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
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