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
280
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
17
とある EM の初めての育休からの学び
clown0082
1
3.7k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
170
Visually experience the beauty of mathematics with p5.js
clown0082
1
3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.6k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
610
JavaScript × Mathematics go to Digital Art
clown0082
1
390
In-house study group at YUMEMI
clown0082
0
210
Skills that employers recommend students to acquire
clown0082
1
300
Other Decks in Programming
See All in Programming
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
110
Goで作る、開発・CI環境
sin392
0
190
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
590
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
150
ふつうの技術スタックでアート作品を作ってみる
akira888
0
290
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
250
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
0
300
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
410
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
620
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Faster Mobile Websites
deanohume
307
31k
Code Review Best Practice
trishagee
69
18k
The Invisible Side of Design
smashingmag
300
51k
Thoughts on Productivity
jonyablonski
69
4.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
720
4 Signs Your Business is Dying
shpigford
184
22k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Raft: Consensus for Rubyists
vanstee
140
7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
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