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
33
とある EM の初めての育休からの学び
clown0082
1
4.2k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
180
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
620
JavaScript × Mathematics go to Digital Art
clown0082
1
400
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
プロポーザル駆動学習 / Proposal-Driven Learning
mackey0225
2
1.3k
概念モデル→論理モデルで気をつけていること
sunnyone
2
210
Cache Me If You Can
ryunen344
2
1.4k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
370
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
10
4.2k
複雑なドメインに挑む.pdf
yukisakai1225
5
1.2k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
530
Deep Dive into Kotlin Flow
jmatsu
1
340
Navigating Dependency Injection with Metro
zacsweers
3
960
私の後悔をAWS DMSで解決した話
hiramax
4
210
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
個人軟體時代
ethanhuang13
0
320
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
How GitHub (no longer) Works
holman
315
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Context Engineering - Making Every Token Count
addyosmani
3
46
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Practical Orchestrator
shlominoach
190
11k
Building Adaptive Systems
keathley
43
2.7k
Bash Introduction
62gerente
615
210k
The Invisible Side of Design
smashingmag
301
51k
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