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
18
とある 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
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
100
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
3.8k
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
360
Team operations that are not burdened by SRE
kazatohiei
1
290
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
630
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
260
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
1.8k
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
730
C++20 射影変換
faithandbrave
0
560
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
700
Porting a visionOS App to Android XR
akkeylab
0
200
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
490
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Agile that works and the tools we love
rasmusluckow
329
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The Language of Interfaces
destraynor
158
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Scaling GitHub
holman
459
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Being A Developer After 40
akosma
90
590k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
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