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メソッドを使って四角をつくりました。 四角以外のものは…