オブジェクトや配列のコピーってどうやって書きますか? 皆さん JavaScript 書いてますか? JavaScript をガッツリ書いていると、たまに必要になるのが オブジェクトや配列のコピー。 みなさんどうやってます […]
技術ネタ
tech
Web で物理アニメーション・その5(最終回) 「ライブラリを使おう」
前回の回答 前回の宿題は、バウンド時の跳ね返り方を制御するんでしたね。 では回答。 新しく入っているのは反発係数と呼ばれるものですね。 x, y 方向どちらも こんな感じで、動きが反転するときに反発係数 e をかけていま […]
Web で物理アニメーション・その4 「ボールをバウンドさせよう」
前回の回答 前回の宿題の回答から ボールを水に投げ込んだときのような様子をアニメーションにしてみましょう。 問題はこうでしたね。 これは、そんなに難しくなく解けたのではないでしょうか。 最初の定数を、 スタート地点が画面 […]
ライブラリ用 CDN は jsDelivr が無料 & 爆速で、これだけあれば十分
CDN 使ってますか? 皆さん、JavaScript 書いてますか? JavaScript を Web ページ上で実行する際、 jQuery などのライブラリはどのようにして取得させていますか? 普通にサーバーにアップロ […]
Web で物理アニメーション・その3 「簡単な物理法則に従うアニメーションを作ろう」
前回の回答 前回の回答から行きましょう。 前回の宿題は 以下のように、近づいて右下に抜けていくように見える円のアニメーションを作成してください これでしたね。 イメージとしてはこんな挙動。 回答はこちら。 前回のサンプル […]
Web で物理アニメーション・その2 「単純なアニメーションを作ろう」
前回の回答 さて、まずは前回の宿題の答え合わせから。 問題は 三角形を一つ、canvas 上に描画してください でしたね。 では回答。 回答としては正三角形に近い形にしてみましたが、 ヒントにもあったように「角が 3 つ […]
Web で物理アニメーション・その1 「canvas で絵を描いてみよう」
アニメーションを作ってみよう! 最近、動きがある Web ページが多くなりましたね。 ここ数年で Web は大分進化しました。 今では単純に動くだけのページだけではなく、 Web ページで本格的なゲームができたりします。 […]
さすがにそろそろ JavaScript の new (あと継承も)について理解したいと思っているあなたに。
class がないのに new するってどいういうこと? JavaScript 書いてますか? JavaScript を書いているあなたはご存じかと思いますが、 あの言語には class がありません。 いや、正確には […]
JavaScript で、デフォルト値設定に || (or 演算子) が使える理由
JavaScript のデフォルト値設定の文法はちょっと珍しい JavaScript 書いてますか? コードを書いているとよくやりたくなる処理として、 「変数が未定義だったり、 null だったらデフォルト値を入れたい」 […]