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
150
Playing Ionic Logo by p5.js
kkeeth
October 16, 2022
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
1
52
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.2k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.1k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
480
JavaScript × Mathematics go to Digital Art
clown0082
1
240
In-house study group at YUMEMI
clown0082
0
120
Skills that employers recommend students to acquire
clown0082
0
210
Walking through the source code of an OSS Library(ESLint))
clown0082
0
300
Web components these days
clown0082
1
180
Other Decks in Programming
See All in Programming
Folding Cheat Sheet #4
philipschwarz
PRO
0
100
AmperとFleetを使ったAndroidアプリ
yoppie
0
280
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
480
Elm Form Validation
bkuhlmann
0
520
ペパボOpenTelemetry革命
pyama86
2
170
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
320
Ruby Pattern Matching
bkuhlmann
0
940
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
2
190
パフォーマンスを求めてDBに機能を寄せる戦略
aoyagikouhei
0
110
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
2
400
Open AI APIを使う前に知っておきたいアカウントTier の話
akki_megane
0
110
The Cutting Edge Of Versioning (LambdaConf 2024)
chriskrycho
0
220
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
91
13k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
The Mythical Team-Month
searls
217
42k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
Visualization
eitanlees
137
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Embracing the Ebb and Flow
colly
80
4.2k
Product Roadmaps are Hard
iamctodd
45
9.8k
A designer walks into a library…
pauljervisheath
201
23k
Raft: Consensus for Rubyists
vanstee
133
6.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