ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

2019-01-01から1ヶ月間の記事一覧

【AviUtl】始めてのモーショングラフィックス

成果物 youtu.be 拡張スクリプトを使ったりマスクを使ったりしています。Aftereffectを使ってみたいけれどさすがに高いので我慢しました。 参考にしたもの www.kotsuxkotsu.workダウンロード www.dropbox.com

【Processing】ニューラルネットワークをイメージしたアート

成果物 youtu.be 1つのノードに、次の層のすべてのノードがつながるというシンプルな仕組みです、 作り方・コード 下層は広範囲に多くのシナプスが、上層は狭い範囲に少ないシナプスが生成されるように工夫しました。層の数と、シナプスの生成量はランダム…

【Processing】動く木のフラクタル

成果物 youtu.be 長さ曲がり方変更、マウスと反発モードがあります コード・作り方 今回は、枝の部分をこだわりました、今までベジエ関数に(始点、中間点、中間点、終点)としていたのですが、(始点、中間点、終点、終点)とすることで、中間点付近が滑ら…

【Processing】磁力線リベンジ

成果物 youtu.be 思ったよりもいい感じに仕上がりました。前回とは大違いです。 ちゃんと斥力も再現できています。 仕組みコード 今回のコードでは、磁力線を生成する粒子を極から放出しています。その粒子を、粒子と極の持っている磁力(?)を掛け合わせた…

【HTML&CSS】トップページなどのカスタマイズを行いました。

変更点 ページを一覧表示できるようにしたり、トップの画像を画面いっぱいに広げたり、タブを追加したりしました。 一覧にする方法は、こちらから iitaikotoha.hatenablog.com 作り方、コード 幅いっぱいに表示させる ヘッダーの画像は指定しない状態でカス…

【Processing】磁力線を作ろうとした結果カオスに......

成果物 youtu.be カオスのようなものが出来上がってしまったので、極の周りで無理やり減速させています。 勢いが急になくなる動きが結構面白かったので、今後のネタにしようと思います。 ちなみに抑制しないとこうなります youtu.be ※どうやら、加速運動にし…

【Processing】宇宙放射線をイメージした作品

成果物 youtu.be 残像が強めにかかっているので、粒子のスピード感が出ているような気がします。 時々超高速で動くところも気に入っています。 作り方・コード 移動量×10を線で表しています。 赤は重力ポイントからの距離、緑は、動くときの抵抗量、青は速度…

【Processing】ふわふわシュミレーション

成果物 youtu.be 猫の毛をイメージしました。(全然似ていませんが…) いつか猫を飼ってみたいです! 作り方・コード 今回は、マウスと、コントロールポイントの差を求めて、反対を向くように動かしています。 工夫したところ 位置の差を、傾きに変換し、毛…

【Processing】フラクタルアニメーション

成果物 youtu.be アニメーションにした結果、極端に粗いのと細かいのがきれいなように感じました、皆さんはどう感じましたか? コード コードはこちらです、とがっている部分に三角形が生成されるように、少し工夫しています。 三角形は対で作られて、白い拡…

【Processing】4種類のグラフ表示をしてみた。

完成したもの youtu.be 折れ線グラフ 滑らか折れ線グラフ 棒グラフ(色付き) 差分のグラフ 波形は、マウスの位置と、3種類のSin波を組み合わせて作られています。 作り方・ソースコード

Processingで紛らわしいと思ったところ

変数関連 x + y / 2 ≠ (x + y) / 2 中間点を求める時に書き間違え(意外に見落とす) x = yでは単なる数値の受け渡しだけど、Classになってくると挙動が違う このようなコードを書くと10が出力される、初期化でiを使った場合a.xが変わると、i.xも連動して変…

Processingで流れてゆく川のプログラム

成果物 【Processing】流れてゆく川 今回作ったのは、こちらのプログラムです複数本の線が、少しずつ崩れていきます。 コード、仕組み ランダムに”円形に圧力をかける点”を追加します。その点から線が遠ざかるように力を加えます(距離が強いほど強力) すべ…