普段 JQueryのajaxばかりで久方ぶりに書くと忘れてしまっている。 HTTPリクエスト リクエストライン メソッド、リクエストURI、プロトコルバージョン ヘッダー ユーザーエージェント名、どのページから発生したリクエストなのか（リファラ）、クッキーなど・…

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

mva.microsoft.com を見つつ、調べつつのメモ セマンティックな要素 header header は、body, blockquote, fieldset, td要素、またはコンテンツ(article、aside、nav、section要素)のヘッを定義。 footer hederと同じようにセクショニングルート要素かコンテ…

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

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

形の美しさを考えるとき意味、内容と切り離して造形的要素だけで客観的に判断する方法が必要。 →「美的形式原理」黄金比、シンメトリー、プロポーション、バランス、リズム、コンポジション……などのことを「構成原理」という。 構成原理が様々に重なって表現…

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

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

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

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

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

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

形の美とは何か (NHKブックス)作者: 三井秀樹出版社/メーカー: 日本放送出版協会発売日: 2000/03メディア: 単行本購入: 5人 クリック: 11回この商品を含むブログ (8件) を見る 読み途中だけどメモ 形 抽象(理念的なかたち) 定形（再現できる・数式で表せる形…

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

職場で使っているエディターをsublimetextからatomに乗り換えたんですけれど プロキシ設定しないとパッケージのインストールができない。 apm config set https-proxy http://username:password@proxy-server.example.com:000000 apmはAtomのコマンド プロキ…

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

See the Pen 風の吹く流れ場 by kana (@kanaparty) on CodePen. またパーリンノイズに頼ってしまった

See the Pen 流れ場 by kana (@kanaparty) on CodePen. canvas30pxごとにパーリンノイズでつくった方向の情報を持たせ、 ビークルが上を通るたびにその情報を渡して加速させる。 パーリンノイズ便利すぎる ついついなんでもパーリンパーリンしてしまうので気…

See the Pen マウスを追いかけてくるビークル by kana (@kanaparty) on CodePen. いつも配列やオブジェクトは参照だってことを忘れてしまう

開始タグと終了タグを省略できる要素がある html head body tbody colgroupのこと。（状況によっては・・と必ず但し書きが付いている） 詳しく和訳されている・・・！ HTML5 で省略できるタグ - Qiita <の後、>の前には空白は入れてはいけない doctype宣言は…

pages.github.com （やり方は公式ページが分かり易すぎるので特に書くことはないです・・） リポジトリごとでも作れるし、アカウントでも作れる。 静的なページは、作業して、gh-pagesブランチにプッシュしたら簡単に作れる！便利だ〜 ※ブログなど動的なサイ…

前回 tuitui.hatenablog.com 四角じゃないものを作ってみます。 See the Pen Box2DWebを使ってみる(3) by kana (@kanaparty) on CodePen. 頂点が何個かある物体をつくる 前回はPolygonShapeのSetAsBoxメソッドを使って四角をつくりました。 四角以外のものは…

bodyを作ったので、アニメーションのためのループしながら、ワールドから座標を取得してcanvasに書いてみます。 前回 tuitui.hatenablog.com 作ったもの See the Pen box2dを使ってみる(2) by kana (@kanaparty) on CodePen. 作成したbodyのbox2dワールドで…

ES6のクラス構文を使ってみたのでまとめてみます。 対応状況 はここで確認 ECMAScript 6 compatibility table クラスの定義 class Particle { //初期化 constructor() { this.fillColor = 'rgba(54,59,123,0.8)'; ・・・ } //メソッド appllyForce(forceVect…

フリーのWebデバッグツールFiddler Fiddler free web debugging proxy を使う機会があったのでメモ。 httpsの設定 httpsで使うときは設定が必要なので忘れないようにメモ。 「Tools」-「Fiddler Options…」から「HTTPS」タブを選択。 「Capture HTTPS CONNEC…

物理エンジンbox2dのjs版はいろいろあるみたいだけれどbox2dwebを使ってみます。 hecht-software/box2dweb · GitHub flash用のものをjsに置き換えたものだそうで、基本的な使い方はbox2dと同じみたいです。ドキュメントはこれを見ています。 Adobe Flex 2 La…