Math for Pictures
Here's the small subset of math that I use for the vast majority of visualizations - ideally it's a good introduction to those who want to make pretty things with d3js, canvas, or other tools. In essence, I'll try to explain four parts of JavaScript's built-in Math object: Math.cos(a), which we use to get x positions from anglesMath.sin(a), which we use to get y positions from anglesMath.atan2(y,
【Javascript】配列の順序のランダム入れ替え at softelメモ
問題 phpだと shuffle($array)で配列の内容をランダムな順序に入れ替えられるじゃないですか。 Javascriptでも配列の要素のランダム入れ替えってできる？ [0,1,2,3,4,5,6,7,8,9] → [4,6,8,0,9,3,7,1,2] のような感じ。 答え shuffle()関数で配列の要素をシャッフルできるのは、便利機能満載、関数の塊のphpならではの風景。 JavascriptのArrayオブジェクトにshuffleはない。実装方法も考えて自分で作る必要がある。 乱数で重みをつけて並べ替える方法 var x = [0,1,2,3,4,5,6,7,8,9]; //配列xの各要素に乱数で重みをつける for (var i = 0, l = x.length; i < l; ++i) { x[i] = [x[i], Math.random()]; } //配列xを
第2回 座標の回転を理解する─ブラウザで操作できるJavaScript座標回転プログラム | gihyo.jp
前回の回転するプロペラですが、ソースを見るとsinやらcosやらが出てきます。いわゆる三角関数というやつですが、得意な方は少ないかも知れません（中には見るとジンマシンが出るという方もいらっしゃるかも知れません）。 今回はこのあたりの座標操作を、直観的にわかるように解説していきましょう。 座標回転の基本 まず、座標について復習しておきましょう。普通、座標というのは「右に5、上に3」のような形を取ります。「右に5」の部分をx座標、「上に3」の部分をy座標と呼びます。 この座標で長方形を描くのは簡単です。ではなぜ前回のプログラムではややこしいことをしていたのでしょうか。それは、プロペラの回転は、x座標とy座標だけではできないからですね。どうすれば長方形を回転させた座標を計算できるでしょうか。 これには「右に5、上に3」というのを2つに分けて考えます。まず「右に5」の部分は（0, 0）から
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
