レオナ @reona396 Twitter profile

Pinned Tweet

レオナ

@reona396

19 days

Amazonでクリエイティブコーディング関連本を販売中です📚 Kindle版と書籍版の両方あります！よろしくお願いします！

0

1

6

Last Seen Profiles

@bpkFEARLESS

@bokeplokalmalam

@Eska80

@uniQure_NV

@just_lawson__

@hilats93604859

@ArtistMelinda

@MignonMcCulloch

@banshee_sir

@yadelage

@DocAtCDI

@ebonotto

@ElonmuskTesla_i

@KimandL

@boc_chante

@Hijabbacol2883

@JanettaVan97727

@Pll_live

@stwmaniax

@Sn1prr

@Narayan_khoth

@kawagoe_imo218

@Galtorz

@zynab_1978

@NachoObes

@okusuriplus_jp

@mmohammadmz

@the_kemmy

@Iris_Hawkins11

@sharknatto

@mastdy_

@0_L_A_G_0

@_killakuma

@sfshyucks

@Raghav94263636

@ahmed89salih

レオナ

@reona396

7 years

前職でプログラミング教育の営業を少しやった事があったけど、年配の方には「プログラミング教育の意味？なぁに、家庭科の授業と同じです。食卓に出された物をふんぞりかえって食べてるだけじゃ感謝の心も芽生えず社会のしくみもわからない。ITも自分の手で学ぶのが大事なんです」でイチコロだった

9

7K

8K

レオナ

@reona396

7 years

男性は「俺より若い奴がやってるなら簡単なのだろう」、女性は「私より年をとっている人ができるのなら簡単なのだろう」って考えがちなのがわかって興味深かった。「でも、プログラミングって難しいんじゃない？」って言っている年配の方へプログラミングを推したい時に利用してみてほしいテクニック

4

2K

レオナ

@reona396

7 years

あとプログラミング教育の教材について、いくら「簡単だからとっつきやすいです」と言っても信じてもらえない時、男性には「最近は中高生でもこういうのやるんですよ」、女性には「お年寄り向けの講座でホームページを作ろうってありますよね？あれと同じなんですよ」と言うのがコツだった

1

2K

レオナ

@reona396

7 years

これを言うと「そーなのよ、うちの娘も寝っ転がってLINEやるばかりで……そうね、自分でしくみを知るのが大事よね…」ってなっていらっしゃった。自分の手元に来るまで色んな人が関わってて、作る人の苦労があってこそ今ここにあるのだ、という意味ではお料理もアプリも一緒ですと説明してたっけな

1

2K

1K

レオナ

@reona396

2 years

カメラのジェスチャーをすると色んな写真が現れるwebインタラクションを作りました！ I created a interaction that displays various photos when you make a camera-like gesture with your hands! OpenProcessing NEORT #p5js #creativecoding

7

193

1K

レオナ

@reona396

7 years

女性の方に「最近は中高生でもプログラミングやってるんですよ」ってアピールしても「そりゃ、若い人は何でもできるもの…」って感じで返されるものだからなんか変だなとは思ってた。たしかに母も「若い人は機械に強い」みたいなイメージを持っていた印象

1

1K

982

レオナ

@reona396

3 years

僕はメイクしてみることにした｜美容メディアVOCE（ヴォーチェ）漫画系メディアじゃなくて美容系メディアでの連載だから商品名がはっきり出てて参考になる〜主人公とメイクの師匠の関係が穏やかでいい…メイクとスキンケア界のゴールデンカムイじゃん

僕はメイクしてみることにした｜美容メディアVOCE（ヴォーチェ）

僕はメイクしてみることにしたの記事一覧です。美容メディアVOCE（ヴォーチェ）。最新コスメ情報や美容のプロ推薦のベストコスメ、クチコミなどが満載。

i-voce.jp

0

568

656

レオナ

@reona396

12 years

小学生でも解けるけどプログラマは答える前に発狂する問題考えた。　1＋３＝4　２+5=７　9-２＝7　5＋1=６　３-１＝2　５+4＝?

17

2K

380

レオナ

@reona396

7 months

普段はプログラミングで絵やアニメーションや楽しいしかけを作る「クリエイティブコーディング」という活動をしています！作品をまとめた動画はこちら！！ぜひぜひ見てってください〜

0

42

373

レオナ

@reona396

2 years

技術同人誌「2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング」が…なんと… 商業出版決定です！🥳🥳🥳 原稿執筆がんばってます！応援よろしくお願いします！

7

66

237

レオナ

@reona396

7 months

#ルーク誕生祭 #スト6 ルーク誕生日おめでとう！！「誕生日ケーキにしゃがみ中Pを入れこむルーク」の絵を描きました！(モーションはトレス) これからもたくさんしゃがみ中Pしていこうね！！

0

50

201

レオナ

@reona396

5 years

プロジェクションマッピング用ガジェットLightformを使ってGUのワンピースをキラキラ宇宙柄にした : だらっと学習帳ブログ記事投稿しました。Lightform、めちゃくちゃ面白いです。 #lightform #プロジェクションマッピング #projectionmapping

1

62

198

レオナ

@reona396

12 years

まんがの描きかた～えぬえっちのまんが講座～ http://t.co/idZQyygE 少女漫画雑誌「なかよし」公式の漫画の描き方講座。しっかりした内容なのに、全て無料で提供してることに驚いた

2

82

192

レオナ

@reona396

3 years

SYMさん @hyappy717 のアニメーションをwebカメラ連携で手で触ったりツンツンできるようにしてみました！🤗 ぜひ遊んでみてください🙌 #p5js #HandsfreeJS #プログラミング #creativecoding #OpenProcessing #NEORT OpenProcessing : NEORT :

4

54

180

レオナ

@reona396

4 years

BOOTHにて技術同人誌「できるだけ毎日続けるためのデイリーコーディング戦略」のDL販売を開始しました！毎日作品をつくって投稿したい！だけど毎日ってやっぱり大変！そんなあなたのために楽しくサクサク制作するためのテクニックや考え方をまとめました！

4

37

173

レオナ

@reona396

2 years

#技術書典 13 新刊情報！「2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング」の第2版を出します！表紙イラスト・デザインはSGRさん @rx79g_sgr にお願いしました。キュートに仕上げていただきました！がんばって執筆しておりますので応援よろしくお願いします！ #p5js

1

32

160

レオナ

@reona396

3 years

今日誕生日なんで色々宣伝させてください！！まずはこのTwitterアカウント！ @reona396 クリエイティブコーディングからオタク話まで色々ツイートするよ！クリエイティブコーディングはp5.jsが好き！作品をまとめた動画作ったのでぜひチェックしてください！！

9

23

148

レオナ

@reona396

1 year

今日誕生日なので宣伝させてください！！プログラミングで絵やアニメーションをつくる「クリエイティブコーディング」という活動をしています！p5.jsが好き！あとゲームと特撮と漫画が好きです！作品をまとめた映像をつくったのでぜひ見てください！！

6

12

148

レオナ

@reona396

1 year

【リリース告知！】インプレス NextPublishing 技術の泉シリーズより「2時間でクリエイティブコーダーになる本」をリリースしました！電子書籍版・印刷書籍版をAmazonなどで販売しておりますのでお手にとっていただけると嬉しいです！

4

43

136

レオナ

@reona396

5 years

【おしらせ】初の個展を開きます！プログラミング言語 #Processing や #p5js で制作したメディアアート、ジェネラティブアートを展示します！ "ジェネラティブ・ワンダー" 2019/9/27(金) – 29(日) 金 : 13:00 – 18:00, 土日 : 11:00 – 18:00 RELABEL Harajuku 303号室にて

9

39

127

レオナ

@reona396

4 years

線がぶわーっと出ていくかっこいいアニメーションを描きました！ #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Lines】 OpenProcessing : NEORT :

1

16

118

レオナ

@reona396

7 years

補足も含めてまとめてブログ書きました。 / プログラミング教育を推したい時のテクニックまとめ : だらっと学習帳

プログラミング教育を推したい時のテクニックまとめ : だらっと学習帳

Twitterで反響が大きかったので補足含めてまとめます。前職でプログラミング教育の営業を少しやった事があったけど、年配の方には「プログラミング教育の意味？なぁに、家庭科の授業と同じです。食卓に出された物をふんぞりかえって食べてるだけじゃ感謝の心も芽生えず社会

blog.livedoor.jp

0

102

119

レオナ

@reona396

2 years

#MFTokyo2022 かなり刺さった作品です…！「なんかいる」の解像度がすごすぎる… @LAMNE22815116

0

77

120

レオナ

@reona396

4 years

Handsfree.jsとp5.jsでブラウザで動く両手トラッキングに挑戦しよう : だらっと学習帳ブログ書きました！ Handsfree.jsとp5.jsの連携方法など、サンプルコード付きで解説しています。 #p5js #プログラミング #機械学習 #creativecoding @HandsfreeJS @MIDIBlocks @p5xjs

1

32

102

レオナ

@reona396

5 years

PCD Tokyo 2020 #PCD2020 のワークショップ「Processingでクリエイティブコーダーデビュー！」の資料をアップロードしました。 #Processing #creativecoding #プログラミング #プログラミング初心者 Google スライド版(オススメ) SlideShare版

0

33

95

レオナ

@reona396

5 months

【おしらせ！】技術同人誌「クリエイティブコーディングの参考書」の商業出版が決定しました！！🥳🥳🥳 3冊目の商業化ということで感謝の念に堪えません。執筆頑張ります！！！

0

24

99

レオナ

@reona396

5 years

個展中、何名かのプログラミング教育関係者の方とお話しする機会があったのだけど、プログラミングも料理や楽器を習うように「プロになるためじゃなく、日常的な満足感のために学ぶ」スタイルが広まったらより楽しそうと思った。私も含めて教える側ってつい実益になるかを追求しすぎなのかもなーと…

0

25

97

レオナ

@reona396

3 years

クリエイティブコーディングとはどんな活動で、どんな所が面白いのか語らせてくれ！ #note note書きました！プログラミングにあまり詳しくない家族や友人に語るつもりで、 #クリエイティブコーディングのしくみや面白いところについて書きました！ #creativecoding

クリエイティブコーディングとはどんな活動で、どんな所が面白いのか語らせてくれ！｜reona396

こんにちは！クリエイティブコーディング歴10年くらいのクリエイティブコーダーのreona396 / レオナと申します！ステイホームするようになって、離れた所に住んでいる家族や友人と以前よりも連絡をとるようになりました。中には10年ぶりに話した人まで！しかもそんな人が何人も！そして気がついたのです…久々に話す友人に「実はこの10年、クリエイティブコーディングに打ち込んでたんだよね」と伝...

note.com

0

37

91

レオナ

@reona396

2 years

p5.jsでパーティクルユニコーンを描きました！🦄 OpenProcessing NEORT #p5js #creativecoding #dailycoding

1

13

87

レオナ

@reona396

5 years

都内の某レストランで #Processing 製プロジェクションマッピングのお仕事をさせていただいた件、動画でもどうぞ！こちらは幾何学模様なアニメーションです。先ほどの金魚のアニメーションと同じ所に投影していますが、QRコード読み込みで切り替えられるしくみです。制御もProcessingを活用しました。

1

36

87

レオナ

@reona396

2 years

マウスカーソルの位置についていく手書き風棒人間のインタラクションをp5.jsで作ってみました！インタラクティブな動きが加わるとやっぱり楽しいですね！ OpenProcessing NEORT #p5js #creativecoding #interactive #dailycoding

2

13

82

レオナ

@reona396

5 years

#プロメア #PROMARE 興収10億円突破おめでとうございますのファンアートです！PCとwebカメラを使ってバーニッシュごっこ！手から炎が出ます。p5.jsとml5.js製です。 #Processing #p5js #OpenProcessing #ml5js 燃やさなければ生きていけない_PROMARE_fire - OpenProcessing

2

36

82

レオナ

@reona396

2 years

本日のp5.jsらくがき ��ル画っぽい光り方の研究… OpenProcessing NEORT #p5js #creativecoding #dailycoding

2

9

79

レオナ

@reona396

4 years

Processingの作品をwebで公開するためにp5.jsに書き換えよう : だらっと学習帳ブログ書きました！！ #Processing から #p5js への書き換えの解説とサンプルコードをまとめました。 #creativecoding #プログラミング

Processingの作品をwebで公開するためにp5.jsに書き換えよう : だらっと学習帳

Processingで作品をつくった！みんなに見てほしい！触ってほしい！��んでほしい！というわけでwebで公開するためにp5.jsに書き換えてみましょう〜！【2021/03/15 追記】 3Dの項目を追記 p5.jsとは p5.jsはProcessingの特徴を受け継いだJavaScriptライブラリです。 home

blog.livedoor.jp

0

34

77

レオナ

@reona396

2 years

p5.jsでemojiをゲームボーイ風にしてみた🎻🧜‍♀️🥞🦄 OpenProcessing NEORT #p5js #creativecoding #dailycoding

1

21

77

レオナ

@reona396

5 years

p5.js新作です。 #OpenProcessing のCoding Challenge "Emoji Madness" に「魚のemojiにご飯をぶつけると寿司になる」というよくわからないスケッチを投稿しました。 #Processing #p5js #NEORT generate 寿司 OpenProcessing : NEORT :

3

21

79

レオナ

@reona396

1 year

鬼め！拡張現実の御札をくらえっ！ p5.jsとp5.simpleARでエフェクト付きの御札を作ってみたよ！ Bad monster! I'll defeat you with an augmented reality talisman! I made an effected paper talisman with p5.js and p5.simpleAR! #p5js #creativecoding #p5simpleAR

1

13

75

レオナ

@reona396

6 months

#CAPCOMCUPX #StreetFighter6 #格ゲーキャラ描こうぜジュリちゃん100万ドルの女記念漫画 UMA選手優勝おめでとうございます！！

2

15

79

レオナ

@reona396

5 years

都内の某レストランでプロジェクションマッピングのお仕事をさせていただきました！アニメーションサイドも制御サイドも #Processing 製です！(準備中の所を撮影させていただきました。SNS掲載許可もありがとうございます…！！)

1

29

75

レオナ

@reona396

4 years

かっこいいパーティクルが描けたから見てくれ〜！！！ #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Particles】 OpenProcessing : NEORT :

2

10

71

レオナ

@reona396

6 years

p5.jsでPS4とSwitchのコントローラ(Joy-Con)を接続してブラウザ上で操作する : だらっと学習帳ブログ書きました #Processing #p5js #creativecoding

p5.jsでPS4とSwitchのコントローラ(Joy-Con)を接続してブラウザ上で操作する : だらっと学習帳

p5.jsとPS4のコントローラ、Switchのコントローラ(Joy-Con)が接続できるか調べてみました。ブラウザと各種ゲームコントローラがつながるので色々面白いことができそうです。使用OSはMac(High Sierra)、使用ブラウザはChromeです。 p5.jsとPS4のコントローラを接続あらか

blog.livedoor.jp

2

23

72

レオナ

@reona396

4 years

ジェネラティブなうずまきを描いてみました！ネオンカラー大好き！！ #Processing #p5js #プログラミング #dailycoding #creativecoding #generative #OpenProcessing #NEORT 【vortex】 OpenProcessing : NEORT :

1

9

73

レオナ

@reona396

5 years

10日くらい前にSUZURIで作って注文してたジップアップパーカーが届いたー！胸のところに #Processing のソースコード、背中に実行結果をプリントしてみた！めちゃくちゃかわいい…最高…このシリーズもっと作りたいなー #suzurijp

3

12

74

レオナ

@reona396

5 years

「星と翼のパラドクス」やってみたけどめちゃ面白かったー！めっちゃシート揺れた！！ロボットかっこいい！！操縦まだ慣れてないからぼちぼち練習していきたい。パートナーはヒカリちゃんにしました💫お試しプレイの時にめちゃくちゃ褒めてくれる所が良い子でいいなーと思ったので……

0

21

73

レオナ

@reona396

11 months

弥生美術館の「大正の夢秘密の銘仙ものがたり」見てきた！大正〜昭和の「かわいい」が幾重にも重ねられた素敵な展示だった！大胆で主張の激しい色柄も「着てる人の気持ちを盛り上げることが第一！とにかくお前をかわいくするぜ！！」という心意気を感じた今も昔も着たいもの着るって最高だよね！

1

20

74

レオナ

@reona396

3 years

ジェネラティブな模様を自動でも手動でも描ける作品をつくりました！クリックやタップで遊んでみてね🎨 #Processing #p5js #プログラミング #dailycoding #generative #creativecoding #OpenProcessing #NEORT OpenProcessing : NEORT :

0

18

72

レオナ

@reona396

5 years

p5.js新作スケッチ投稿！ AIST Dance Video Databaseのダンス動画と #機械学習用ライブラリml5.jsを組み合わせて、ダンサーの手の動きにアニメーションをつけてみました！ #Processing #p5js #ml5js #OpenProcessing Dance and Animation ver.0.1.0 - OpenProcessing

3

12

72

レオナ

@reona396

7 months

パーティクルにぼかし+ポスタリゼーションでひとだまっぽいアニメーションつくってみた👻 OpenProcessing NEORT #p5js #creativecoding

1

4

72

レオナ

@reona396

2 years

【2022アドベントカレンダー】謎のはがきが届いたブログ投稿しました。謎のはがきが届いた話です。

4

23

68

レオナ

@reona396

4 years

p5.jsと機械学習ライブラリでボディ・フェイス・ハンドトラッキング : だらっと学習帳ブログ書きました！ Processing Advent Calendar 2020参加記事です。 #Processing #p5js #ml5js #creativecoding

p5.jsと機械学習ライブラリでボディ・フェイス・ハンドトラッキング : だらっと学習帳

Processing Advent Calendar 2020 参加記事 Processingアドベントカレンダー10年目おめでとうございます🎉🎉🎉 そして私も10年皆勤賞です。称えてくれ！今回はp5.jsと機械学習系ライブラリで制作した過去のボディ・フェイス・ハンドトラッキング作品の解説を書いていきま

blog.livedoor.jp

2

26

66

レオナ

@reona396

4 years

プロジェクションマッピングを簡単に行うためのツール「Lightform」を利用して、シンプルなワンピースにキラッキラの宇宙模様を投影しました。いつかマクロスの世界みたいに、一瞬で衣装が変わるようなライブとか、そういうのを夢見ています。その第一歩です。 #MFKyoto2020 #作品発表

レオナ

@reona396

5 years

プロジェクションマッピング用ガジェットLightformを使ってGUのワンピースをキラキラ宇宙柄にした : だらっと学習帳ブログ記事投稿しました。Lightform、めちゃくちゃ面白いです。 #lightform #プロジェクションマッピング #projectionmapping

1

62

198

1

17

66

レオナ

@reona396

5 years

float t;void setup(){size(400, 400);noStroke();}void draw(){clear();for (int i=0;i<999;i++){int A=i*5;float B=9*abs(sin(A));fill(255*abs(sin(i)));float C=sin(A)*cos(A*2+t)+1;float D=cos(A+t)-cos(A*2+t);ellipse(200+99*C*sin(i+D),200+99*C*cos(i+D),B,B);}t+=.02;} #つぶやきProcessing

1

19

68

レオナ

@reona396

3 years

p5.jsで描くんだし複雑な動きをするネオンもあっていいよな…ということで円が蓮の花の形に変形するネオン風アニメーションを描いてみました！ OpenProcessing NEORT #p5js #プログラミング #creativecoding #dailycoding #OpenProcessing #NEORT

2

16

64

レオナ

@reona396

4 years

p5.jsで書ける図形まとめ #Qiita 書きました！！！あの人気記事のp5.js版だよ！！！コードの書き換えとリンクの張りかえがめちゃくちゃ大変だった！！！ #p5js #creativecoding

p5.jsで描ける図形まとめ - Qiita

p5.jsで描ける図形についてまとめました。この記事は以下の記事のp5.js版です。Processing で描ける図形まとめ - Qiita円・楕円ellipse() や circle() …

qiita.com

1

43

65

レオナ

@reona396

2 years

今日は誕生日なので色々宣伝させてください！！プログラミングで絵やアニメーションを作る活動をしています！p5.jsが特に好き！あと特撮と漫画とゲームも好きです！！！作品をまとめた動画を作ったのでぜひ見てほしいです！

1

11

63

レオナ

@reona396

5 months

神奈美公募展表彰式に参加しました。会員推挙状をいただきました。ありがとうございます！ p5.js製のジェネラティブアートを展示していただいております！神奈川県民ホールギャラリーで明日まで！

0

6

64

レオナ

@reona396

2 years

GoogleのMaterial Iconsをp5.jsでぶわーっと並べて流してみました！ OpenProcessing NEORT #p5js #creativecoding #generative

1

12

62

レオナ

@reona396

5 years

p5.jsスケッチ新作です！無限大∞の形の数式を見つけたので描きました。 NEORT版には数式も添えてみました！3億年ぶりにLaTeX記法で数式書いた… #Processing #p5js #creativecoding #OpenProcessing #NEORT Infinity OpenProcessing : NEORT :

3

11

61

レオナ

@reona396

1 year

きらきらがくるくる回るアニメーションをつくりました🌟 OpenProcessing NEORT #p5js #creativecoding

1

7

62

レオナ

@reona396

4 years

p5.jsでハンドトラッキングできたよー！ #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Hand and Shape】 OpenProcessing : NEORT :

2

5

61

レオナ

@reona396

4 years

9月12日からの #技術書典 9 メルトラテクノロジーズは技術同人誌2冊を頒布！どちらも電子版！新刊！1000円！よろしくです！ * できるだけ毎日続けるためのデイリーコーディング戦略 [第2版] * 2時間でクリエイティブコーダーになる本 p5.jsではじめるアートプログラミング

1

19

61

レオナ

@reona396

6 years

PCD2019 TOKYO ワークショップ「2時間で！Processingでプログラミング入門」 #processing reona396担当のワークショップ資料です！よろしくお願いします。 #PCD2019

PCD2019 TOKYO ワークショップ「2時間で！Processingでプログラミング入門」

PCD2019 TOKYO ワークショップ「2時間で！Processingでプログラミング入門」 - Download as a PDF or view online for free

www.slideshare.net

2

14

62

レオナ

@reona396

5 years

p5.js新作投稿！あけましておめでとうございます2020🌼 #Processing #p5js #creativecoding #OpenProcessing #NEORT 【Happy New Year 2020】 OpenProcessing : NEORT :

2

7

60

レオナ

@reona396

4 years

「こういう3Dのオブジェクトがモニョモニョしてるのって……」と思って、赤みオレンジの太め主線&淡い色味&白背景にしてみたらやっぱりサマーウォーズ風(もしくはぼくらのウォーゲーム風)になった #Processing #p5js #プログラミング

1

9

60

レオナ

@reona396

10 months

#技術書典 15 オンライン ✨新刊告知✨ 「クリエイティブコーディングの参考書」 Processingとp5.jsの授業資料を30校以上研究し、演習問題や課題の傾向と対策をまとめた技術同人誌です！

1

11

60

レオナ

@reona396

5 months

神奈美公募展に応募したp5.jsで作成したグラフィックが入選しました！神奈川県民ホールギャラリーにて展示されます🖼 作品そのものはもちろん技法自体がより知られるように作品名に「クリエイティブコーディング」という単語を入れております！よろしくお願いします🙏 #p5js

神奈川美術協会

@kanabi1978

6 months

神奈美公募展、作品募集中！一般の方の応募は、4月8日(月)9：30〜11：00に、神奈川県民ホール裏側受付に、作品と出品費をお持ちいただければ、事前連絡なく応募できます！ (但し郵送等の場合、4月1日までに事前連絡と出品料振込が必要になります。)

0

1

4

1

10

60

レオナ

@reona396

1 year

p5.js作品を秒でARに変換できる「p5.simpleAR」やってみた - だらっと学習帳ブログ書きました！こんな感じのARがすぐに作れる楽しいライブラリです！ #p5js #creativecoding #p5simpleAR

1

10

59

レオナ

@reona396

4 years

マウスカーソルの周りの図形だけ色がつくインタラクティブアニメーションを作りました🖱️ ふわっと色づきます！ #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Shards】 OpenProcessing : NEORT :

0

8

58

レオナ

@reona396

5 years

Processingでゼロから学ぶプログラミング・ビジュアルアート最初から最新記事まで読み終わった！素晴らしく質の高い資料でProcessing入門資料の決定版という印象。オススメ！

Processingでゼロから学ぶプログラミング・ビジュアルアート - cocopon.me

ビジュアルアートを題材に、プログラミングおよびその表現技法の基礎習得を目指すための教材です。

cocopon.me

1

13

59

レオナ

@reona396

3 years

規律的だったりカオスだったり、不思議な動きのジェネラティブなアニメーションを作りました！かっこよくできたのでぜひ見て！ #p5js #プログラミング #dailycoding #generative #creativecoding #OpenProcessing #NEORT OpenProcessing : NEORT :

1

17

53

レオナ

@reona396

1 year

Generative Flower🌼 OpenProcessing NEORT #p5js #creativecoding #generative

0

9

55

レオナ

@reona396

3 years

🦄🎠🥀🦜 OpenProcessing NEORT #p5js #プログラミング #creativecoding #generative #generativeart #dailycoding #OpenProcessing #NEORT

1

17

54

レオナ

@reona396

4 years

12/26〜1/6の #技術書典 10 に出展します！新刊は「p5.jsで楽しもう！ジェネラティブアート図鑑」です。様々なタイプのジェネラティブアートをコード解説と作品ギャラリーの2視点で楽しめる技術同人誌です！サークルページ▼ #p5js #Processing #creativecoding

3

13

54

レオナ

@reona396

1 year

ところどころにじみっぽいアニメーションできた〜！ OpenProcessing NEORT #p5js #creativecoding #generative

0

2

56

レオナ

@reona396

1 year

#三億アカウントの中から私を発掘してください遊べるしかけや美しい模様をプログラミングで作る活動「クリエイティブコーディング」をやっています！プログラミングおえかき楽しいよ〜

0

7

54

レオナ

@reona396

3 years

散歩に行ってた旦那さんがPS5抱えて帰ってきたそんなことある？？？？？

1

5

55

レオナ

@reona396

4 years

p5.jsで輪郭抽出 : だらっと学習帳ブログ書きました。 p5.jsで簡単に輪郭抽出できちゃう「filter_sobel.js」のご紹介です。 #p5js #プログラミング #creativecoding

1

12

54

レオナ

@reona396

5 years

p5.jsスケッチ新作投稿！月光のように輝く蝶🌕🦋 少し青みがかってるのがこだわりポイント！ #Processing #p5js #generative #creativecoding #OpenProcessing 【BUTTERFLY】 OpenProcessing :

2

11

53

レオナ

@reona396

3 years

いい感じの模様のアニメーション描きました〜 OpenProcessing NEORT #p5js #プログラミング #creativecoding #generative #generativeart #dailycoding #OpenProcessing #NEORT

2

9

53

レオナ

@reona396

4 years

波打つ波線で魚を描きました🌊🐟 魚の形は数式で描いています。 #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Swimming Fish】 OpenProcessing : NEORT :

0

10

52

レオナ

@reona396

4 years

ジェネラティブ彩色アニメーションを描きました🎨 絵の具っぽいアナログな質感がお気に入り！ #Processing #p5js #プログラミング #dailycoding #creativecoding #generative #OpenProcessing #NEORT 【Random Painter】 OpenProcessing : NEORT :

3

9

52

レオナ

@reona396

6 months

7〜8年くらいp5.jsやってるけどこんなに贅沢にBLURフィルタかけられるようになって私うれしいよ…🥹 OpenProcessing NEORT #p5js #creativecoding #generative

0

6

53

レオナ

@reona396

3 years

不思議なパターンがぐるんぐるん生成されるジェネラティブアートを描きました！かっこよくできたので見て〜！！【planes】 OpenProcessing : NEORT : #p5js #プログラミング #dailycoding #generative #creativecoding #OpenProcessing #NEORT

0

12

50

レオナ

@reona396

4 years

水色〜緑の箱が六角形にそって動くアニメーションを描きました！ #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Hexagon】 OpenProcessing : NEORT :

2

7

53

レオナ

@reona396

5 years

p5.jsスケッチ新作投稿！機械学習ライブラリml5.jsで名画の顔パーツ位置を判定。マウスを横に動かすと口がパクパク動く！？ #Processing #p5js #creativecoding #OpenProcessing #ml5js 【HELLO, Masterpieces】 OpenProcessing :

2

9

52

レオナ

@reona396

1 year

宝石みたいな鉱石が次々と現れるジェネラティブアートのアニメーションを作ってみました💎 さいとうなおき先生が過去作のレタッチをオススメしてたからやってみたぞ…！ OpenProcessing NEORT #p5js #creativecoding #generative

1

6

52

レオナ

@reona396

1 year

VRoid Studioでつくった画像 + p5.jsでキラキラ輝くヘアスタイル！マウスカーソルの位置でインタラクティブにキラキラさせられるよ！ OpenProcessing NEORT #p5js #creativecoding #generative

1

8

52

レオナ

@reona396

4 years

カラフルな線が動き回ってきらめくアニメーションを描きました。モアレがサイケデリック！ #Processing #p5js #プログラミング #dailycoding #creativecoding #generative #OpenProcessing #NEORT 【80's Aurora】 OpenProcessing : NEORT :

1

11

49

レオナ

@reona396

3 years

p5.jsでパーティクルが噴水の流れようにやわらかく動くアニメーションを作りました！【fountain】 OpenProcessing : NEORT : #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT

0

12

48

レオナ

@reona396

3 years

ぽよぽよ動きながらつながったり離れたりするアニメーションを作りました！ #Processing #p5js #プログラミング #dailycoding #generative #creativecoding #OpenProcessing #NEORT 【elasticOut_Network】 OpenProcessing : NEORT :

2

14

48

レオナ

@reona396

5 months

プログラミングで絵やアニメーションをつくる「クリエイティブコーディング」という活動をしています！プログラムを書いて絵が描ける！動かせる！たのしい！！例えばこんな感じでやっています🌸 楽しいのでぜひぜひ広まってほしい…！

2

9

51

レオナ

@reona396

3 years

noiseとベクトルの練習！うにょうにょ模様のアニメーションを描いてみました！ジェネラティブ〜 #Processing #p5js #プログラミング #dailycoding #generative #creativecoding #OpenProcessing #NEORT 【noise&vector】 OpenProcessing : NEORT :

2

12

47

レオナ

@reona396

11 months

図形の軌跡が流れていくアニメーションをつくりましたジェネラティブに変化する模様が描けて満足🥳 OpenProcessing NEORT #p5js #creativecoding #generative

0

3

48

レオナ

@reona396

2 years

#BMWalkerJS とp5.scribble.jsを組み合わせて手書きっぽい歩く人のアニメーションを作りました！ OpenProcessing NEORT #p5js #creativecoding #dailycoding #animation

1

12

46

レオナ

@reona396

2 years

クリエイティブコーディングにまつわるゆるい文章｜reona396 #note note書きました。クリエイティブコーディングにまつわるツイート以上エッセイ未満の文章です。クリエイティブコーディング漫画を作りたいけどうまくいってない話などを書きました。

クリエイティブコーディングにまつわるゆるい文章｜reona396

クリエイティブコーディング漫画が…読みた〜い！文化系ジャンルも色んなテーマの漫画が出ているじゃないですか。囲碁、将棋、競技かるた、麻雀、美術部、バンド、料理、ファッション、メンズメイク、数学オリンピック… 漫画を読むのが好きなので、クリエイティブコーディング漫画も読みたい。好きジャンルの漫画が読みたい。そして2次元のキャラがクリエイティブコーディングをやっているところを…見たい！！！...

note.com

3

10

48

レオナ

@reona396

4 years

四角いうずまきを描いてみました！ x = θ * cos(θ) * |cos(θ)| y = θ * sin(θ) * |sin(θ)| #Processing #p5js #プログラミング #dailycoding #creativecoding #OpenProcessing #NEORT 【Rectangle Spiral】 OpenProcessing : NEORT :

1

4

47

レオナ

@reona396

2 years

Google FontsのAnimated Emojiとp5.jsを組み合わせてみた！ Lottieって初めて知りました… OpenProcessing NEORT #p5js #creativecoding #dailycoding

1

10

47