おの

7.6K posts

おの banner
おの

おの

@tkyko13

いわゆるIoT関連とかProcessingとかインタラクティブメディアアートとかの試した技術とかつぶやきたい Web/UIUX/ドローン/プロジェクションマッピング/デジタルサイネージ/GenerativeArt/CreativeCoding

Katılım Haziran 2009
443 Takip Edilen320 Takipçiler
おの
おの@tkyko13·
#p5lerpShape npmjs.com/package/p5.ler… こちらアップデートしました 今まで楕円を描くとき速度が結構違って気になっていたので、それを等速っぽく動くようにしました 注意点:今まで描いていたarcとずれが発生する可能性があります。合わせたい場合、optionsで機能を切ることができるので
GIF
日本語
0
0
1
42
おの
おの@tkyko13·
@inaba_darkfox v1.0.3にいただいた修正内容入れさせていただきました!ありがとうございました また何かありましたらご気軽にリプお願いします
日本語
0
0
1
22
おの
おの@tkyko13·
@inaba_darkfox ありがとうございます!修正内容をライブラリの方に取り込ませてください〜
日本語
1
0
1
21
おの
おの@tkyko13·
@inaba_darkfox 暫定の修正させていただきました。 対象のopenprocessingサイトで、p5jsのバージョンを2系のものを読み込むようにしました。Chromeで確認済みです。 いずれにしろ、近々アップデートいたします!
日本語
1
0
1
35
おの
おの@tkyko13·
@inaba_darkfox ご報告ありがとうございます!p5.lerpShape を使っていただけて嬉しいです。 ご指摘いただいた現象について、こちらでも再現を確認し、修正対応を進めます。 修正が完了したら改めてこちらでリリースの報告をさせていただきます!
日本語
1
0
1
31
おの
おの@tkyko13·
ちなみに、randomSeedはp5jsの関数ですので、このライブラリ関係なく使えます〜
日本語
0
0
0
38
おの
おの@tkyko13·
#p5lerpShape 今まで draw() 内で描いていなかったものだったりを withLerpShape で動かそうとしたとき、random() とか使っていると書き直さなきゃってなっちゃいますよね randomSeed() を使えば draw() 内で random() いっぱい実行しても大丈夫です! openprocessing.org/sketch/2921842
おの tweet media
GIF
日本語
1
1
2
224
おの
おの@tkyko13·
#p5lerpShape アニメーション開始地点はいちおう rotate(); で調整できるかなと思うけど、反転のアニメーションはできないので、実装してみました github.com/tkyko13/p5.ler…
おの tweet media
GIF
日本語
0
4
14
817
おの
おの@tkyko13·
#p5lerpShape 塗りを工夫してみるのも面白い
GIF
日本語
0
1
4
207
おの
おの@tkyko13·
@alexis_o_O @openprocessing splineの実装、素晴らしいですね!直線よりもずっと滑らかで、良さが引き立っています。 ​実は、私も次に曲線対応をしようと考えていました。 もしよろしければ、このロジックを公式ライブラリに取り込みたいです。 もしよければGitHubのリポジトリにPull Requestを送ってくれるとうれしいです。
日本語
0
0
1
56
おの
おの@tkyko13·
#p5lerpShape 例えば最初の「操作してね」っていう案内も、ちょっとしたアニメーションで気づきやすく、操作してもらいやすくなりますよね そういうときはp5lerpShapeを使えば以下のコードで一発実装 ``` lerpText('Start typing...', 300, 300, (frameCount % 160) / 100); ```
GIF
日本語
0
2
9
424
おの
おの@tkyko13·
npmjs.com/package/p5.ler… こちら、npmに登録してみました `npm i p5.lerpshape` このコマンドでインストールできます! すごい!いつも使っているコマンドで、自分の作ったライブラリがインストールできる
おの@tkyko13

github.com/tkyko13/p5.ler… p5js向けのライブラリ作りました。既存のコードを囲むだけで図形がスルスルと描かれていくような表現ができます。 是非使ってみてください。 #p5js github.com/tkyko13/p5.ler…

日本語
1
2
13
1.6K
おの
おの@tkyko13·
rectModeちょっと直した pop()あると挙動おかしかった p5jsで現在のrectMode取得するのに `this._renderer.states` ってやっちゃったけど、どうやって取得するのがいいんだろ
日本語
0
0
1
87