javascript
「群制御みたいなもの」をなんか作ってみたいなーと調べていたらたどり着いた Boids アルゴリズム。 まずはアルゴリズムを理解するのに、良く書かれているコードの内容を見て、整理しながら書いてみました。 作成物 正方形領域だと移動範囲が狭いので、縦長…
先日にボールを壁に反射させるのを作った。 コレ、ボールが反射するときに弾ませてみたら面白いかなーと思い、弾ませる方法を考えてみた。 作成物 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // 描画エリアサイズ const WIDTH = 540; const HE…
前回まではベストエフォートで常に更新処理終わったら描画の更新をかける方針でした。 そうではなく「一定のタイミングで更新」かける方式の描画についても試してみます。 ライフゲームはよく作っていて分かりやすいのでこれで。 作成物 // Canvas 紐づけ要…
前回 : 等速度運動。 等速度運動やったなら、斜方投射もやっておこうと物理の計算を復習。 作成物 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // 描画エリアサイズ const WIDTH = 500; const HEIGHT = 500; // 反発係数 const REFLECTION = 0.…
前回に下地となるクラスを作ったので、アニメーションが活かせる簡単な処理を作ってみます。 『ボールを投げて壁に反射して――』が分かり易そうなのでコレを作ってみよう。 作成物 // Canvas 紐づけ要素 ID const BASE_ID = "canvas_base"; // 描画エリアサイ…
前回、JavaScript の復習と仕事の復習かねて Canvas やってたら楽しかったので、もう少しアレコレ作ってみる。 ――その前に、アニメーションとかやろうとするとコードがごちゃごちゃになるのは目に見えているので、 その辺を整理する。 作成物 今回は特に工夫…
JavaScriptの復習をかねて、最近作っている点と直線との処理を使って canvas の描画処理を作ってみました。
Chrome の extension を利用して、Popup から画面の背景色を操作する機能を作ってみました。 応用すれば、いろんなページを Popup から操作できるかも。
D3.js で transition による連続アニメーションしてみました。
D3.js で全画面ファイルドラッグ & ドロップ機能を入れてみました。
D3.js で force layout のサンプルを作成してみました。 簡単なデータを作成して、読み込ませました。
JavaScript で HSV 色空間を用いたグラデーション表示を作ってみる
Bootstrap の alert を好きなタイミングで表示 or 非表示させてみました。
Django を利用して日本語を POST する場合、文字列は Unicode になっているので、うまく decode してあげる必要あり。