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
180
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
76
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
510
JavaScript × Mathematics go to Digital Art
clown0082
1
270
In-house study group at YUMEMI
clown0082
0
140
Skills that employers recommend students to acquire
clown0082
0
230
Walking through the source code of an OSS Library(ESLint))
clown0082
0
320
Web components these days
clown0082
1
200
Other Decks in Programming
See All in Programming
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
【Go言語】ジェネリクス
tomo1227
0
170
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
英語
s_shimotori
1
220
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
Temporalを取り巻く仕様を整理する
sajikix
0
110
Featured
See All Featured
Clear Off the Table
cherdarchuk
89
320k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Docker and Python
trallard
37
2.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Making Projects Easy
brettharned
111
5.7k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Writing Fast Ruby
sferik
623
60k
A Philosophy of Restraint
colly
200
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
What the flash - Photography Introduction
edds
65
11k
How STYLIGHT went responsive
nonsquared
93
5k
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