the nature of code　を読み終えて

読書メモ nature of code

1年と半年かかった「the nature of code」の最後の課題が終わったところで、（正確には終わってないんですが・・最終課題の生態系プロジェクトがまだノータッチ）、いままで書いたブログ記事へのリンク、課題を作って知って楽しかったこと・さっぱりわから…

2016-12-31

nature of code : 今日の練習「ネットワークのアニメーション」

nature of code

the nature of code 10章最後の課題これまで読んできたニューラルネットワークのさわりの部分を可視化したアニメーション See the Pen ネットワークのアニメーション by kanaparty (@kanaparty) on CodePen. 2016年にギリギリ間に合った・・・！

2016-12-10

nature of code : 今日の練習「ビークルの訓練」

nature of code

前回作成したのは教師あり学習（正解があって、結果と正解から誤差を計算し重みを調整する）だったが今回は簡易的な強化学習（結果から誤差を計算し、環境に対応する）を作ってみる練習。今回のビークルにはbrainプロパティがあって、操舵力を決めるときに…

2016-12-05

nature of code : 今日の練習「選択的遺伝」

nature of code

See the Pen 選択的遺伝 by kanaparty (@kanaparty) on CodePen. 9章でやり残してしまっていた課題。自分で適応度を変更して次の世代のパターンを作る。例は顔みたいな図形だったけど、タータンチェックのパターンで作ってみた。

2016-11-29

nature of code : 今日の練習「単純なパーセプトロン」

nature of code

ニューラルネットワークとは脳に基づいて特定の問題を解決するための計算モデル。複雑系の一種ニューラルネットワーク - Wikipedia ニューロン...細胞網に存在している単一細胞で、入力を受け取り、処理し、出力を生成する。コネクショニスト計算系...情…

2016-07-11

nature of code：今日の練習「餌を食べるのに最適な大きさに進化する」

nature of code

See the Pen PzJZNz by kanaparty (@kanaparty) on CodePen. あとで

2016-07-03

nature of code：今日の練習「障害物を避けて獲物に向かうように進化するビークル」

nature of code

See the Pen 障害物を避けて進化 by kanaparty (@kanaparty) on CodePen. 前回 tuitui.hatenablog.com のコードをベースに、障害物を設置してそれを避けて通るように進化させる課題。前回のコードとの大きな違いは、ビークルの表現のクラスのなかの、適応度…

2016-07-02

nature of code：今日の練習「獲物に向かうように進化するビークル」

nature of code

See the Pen 獲物に向かうように進化するビークル by kanaparty (@kanaparty) on CodePen. 久しぶりにnature of codeの課題！前回の進化の課題の表現を文字列から運動に変えて、解を「獲物（画面右端の丸）にたどり着くこと」とした。はじめはてんでバラ…

2016-04-12

nature of code：今日の練習「遺伝的アルゴリズム」

nature of code

See the Pen Genetic Algorithms(遺伝的アルゴリズム） by kanaparty (@kanaparty) on CodePen. 遺伝的アルゴリズムを使ってランダムな文字列から「音はしぐれか」種田山頭火 - Wikipediaへ進化させる。遺伝的アルゴリズムステップは大きく分けて３つ集…

2016-03-27

nature of code：今日の練習「木（L-systemを使って）」

nature of code

See the Pen tree(L-system) by kanaparty (@kanaparty) on CodePen. L-systemを使って、藻みたいな描写をする課題。 L-system - Wikipedia フラクタル構造を管理するメカニズム。必要な要素は３つあって、アルファベット公理（初期状態）規則作ったL-sy…

2016-03-21

nature of code：今日の練習「枝」

nature of code

See the Pen tree(2) by kanaparty (@kanaparty) on CodePen. 木っぽいやつコッホ曲線を書いた時のようにベクトルオブジェクト（とそれをまとめるarraylist）でつくってみたのは↓ こっちは枝の長さが一定に短くなるようにしてます。 See the Pen tree by ka…

2016-03-21

nature of code：今日の練習「コッホ曲線」

nature of code

See the Pen KochLine(コッホ曲線) by kanaparty (@kanaparty) on CodePen. これコッホ曲線 - Wikipedia 今までは回転をさせる時、rotateでcanvasを回転させて描く、みたいなことばかりしかやっていなかったが今回のをつくるのにあたって自作ベクトルクラ…

2016-03-05

nature of code：今日の練習「再帰関数」

nature of code

See the Pen Recursive(再帰) by kanaparty (@kanaparty) on CodePen.

2016-03-05

nature of code：今日の練習「ライフゲーム」

nature of code

See the Pen life game by kanaparty (@kanaparty) on CodePen. ライフゲームライフゲーム - Wikipedia 複雑系の特徴をもったセルの系セルオートマトンのときは一つの世代を一つの列として表現し、次の世代を下二追加していったけれどライフゲームのと…

2016-01-24

nature of code：今日の練習「セルオートマトン」

nature of code

See the Pen cellular automaton by kanaparty (@kanaparty) on CodePen. セルオートマトンセルオブジェクトで構成された系のモデルグリッド状になっていて、状態、近傍がある。そして時間の経過（=世代）がある。一番簡単なセルオートマトン世代を一列…

2016-01-18

nature of code：今日の練習「群れ(2)」、大量のオブジェクトを動かすときに考えたこと(5)

nature of code

See the Pen 群れ(2) by kanaparty (@kanaparty) on CodePen. boid関連の練習問題、これで最後！大量ものを動かすときにどうするか悩んだシリーズはこれで最後にしたい・・・！前回書いたboid群れこれはせいぜい３０個のビークルを生成するところでカクカ…

2015-12-25

boidについて

nature of code

複雑系とは複数の単純な個体が狭い範囲の関係を持つ複数の個体は平行して動作する(同じアニメーションフレームの中ですべての個体の動きがある) 系全体でみると創発具象を見せる複雑系の特徴バタフライ効果 - Wikipedia 競争と協力生命の複雑系にしか見…

2015-12-21

nature of code：今日の練習「群れ」

nature of code

See the Pen 群れ by kanaparty (@kanaparty) on CodePen. 一気に生物っぽくなった・・・。あとでboidについて書く

2015-12-19

nature of code：今日の練習「マウスとたわむれるビークル」

nature of code

See the Pen マウスとたわむれるビークル by kanaparty (@kanaparty) on CodePen. 今日覚えたこと小数点の計算がたまに変になるときがある（なんでだろう？？）参考↓ blog.asial.co.jp pc.nikkeibp.co.jp （全くわからない・・・！いつかまた読みたい）キ…

2015-12-17

大量のオブジェクトを処理するときに考えた事(4)（インスタンス化と処理速度について）

nature of code

前回大量のオブジェクトを処理するときに考えた事(3)（連結リストについて） - kkana's blogもうこれでいいかなぁと思っていたところ「粒子ごとに距離を測って加える力を計算するところ（連結リストをwhile文で回しているところ）でnew演算子を使わないよう…

2015-12-13

大量のオブジェクトを処理するときに考えた事(3)（連結リストについて）

nature of code jsパターン

大量のオブジェクトを処理するときに考えた事(1)（イテレーターパターンについて） - kkana's blogこれを書いているときに勘違いしていたこと2つめはイレテータパターンと連結リストは同じものだと思っていたこと。前回 tuitui.hatenablog.com これでイテ…

2015-12-12

大量のオブジェクトを処理するときに考えた事(2)（イテレーターパターンについて）

nature of code jsパターン

大量のオブジェクトを処理するときに考えた事(1)（イテレーターパターンについて） - kkana's blogこれを書いているときに勘違いしていたこと1つめ itpro.nikkeibp.co.jp このページでイテレーターパターンとは「オブジェクトの持つデータ構造を非公開にし…

2015-12-07

大量のオブジェクトを処理するときに考えた事(1)（イテレーターパターンについて）

jsパターン nature of code

追記：後日この記事を書いた時点でイテレーターパターンと連結リストを混同していた事がわかりました・・・最初の様子を残しておきたいのでこのままにしておきます笑 tuitui.hatenablog.com このコードを書いているときにイテレーターパターンというもの…

2015-12-06

nature of code：今日の練習「仲間とぶつからないように動こうとする粒子」

nature of code

See the Pen ぶつからないように動くビークル by kanaparty (@kanaparty) on CodePen. あとでイテレータについて書く

2015-12-04

nature of code：今日の練習「道に沿って動くビークル（曲がり角では曲がる）」

nature of code

See the Pen 流れに沿おうとするビークル(曲がり角では曲がる) by kana (@kanaparty) on CodePen. 前回 tuitui.hatenablog.com との違いは曲がり角の数だけ法線を求める記述が増える進行方向上の予測ポイントと道の法線の接点(距離を測るときに使う)が道の…

2015-11-29

nature of code：今日の練習「流れに沿おうとするビークル」

nature of code

See the Pen 流れに沿おうとするビークル by kana (@kanaparty) on CodePen. ビークル（流れている点）は毎フレームごとに、今進んでいる進路上の点が道幅からでてしまうようであれば、その進路上の点から道の真ん中と垂直に交わる点のちょっと先を目標に動…

2015-11-15

２つのベクトルから角度を求めるとき

ECMAscript6 nature of code

tuitui.hatenablog.comのときのメモ２つのベクトルから角度を求めるとき A⃗ · B⃗ = ∥∥A⃗ ∥∥ * ∥∥B⃗ ∥∥ * cos(θ) と A⃗ · B⃗ = axbx+ayby から θ = cos−1 ( ( A⃗ · B⃗ ) / ( ∥∥A⃗ ∥∥ * ∥∥B⃗ ∥∥ ) ) なので、ベクトルでよく使う関数をいつも使いまわしている…