JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた
以前, 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. で紹介した 魔法陣のサンプル.
このサンプルの色違いを色々と作ってみました.
Table of contents
- もともとのサンプル
- 一箇所修正するだけ
- tmlib.js examples – Magic Square(Red)
- tmlib.js examples – Magic Square(Green)
- tmlib.js examples – Magic Square(Blue)
- tmlib.js examples – Magic Square(Random)
もともとのサンプル
一箇所修正するだけ
魔法陣クラス MagicSquareSprite
で定義されている rendererCanvas
メソッドの
fillStyle
と strokeStyle
に指定している “hsl(60, 75%, 50%)”.
この値を変更するだけで魔法陣の色を変更することができます.
rendererCanvas: function() { var canvas = this.canvas; canvas.setTransformCenter(); canvas.fillStyle = "hsl(60, 75%, 50%)"; canvas.strokeStyle= "hsl(60, 75%, 50%)";
良い記事だと感じたらRT・はてブして頂けると幸いです『JavaScript ライブラリtmlib.js魔法陣サンプルの色違いを色々と作ってみた』
http://t.co/4HJDMi5K
#web #javascript #tmlibjs
http://t.co/lNEV8mhQ
korekakkoii honnbunn yori migino guro-barunabigesyonn ga kiniicyaimashita
http://t.co/sElC9Bqe http://t.co/8xwGGkgf
[javascript][tmlib.js] / “JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life” http://t.co/SZ1mrZli
JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life http://t.co/ngWu2tv9
JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life
http://t.co/UmsY8fYc
JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life 以前, 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. で紹… http://t.co/yMeQKtVe
javascript: JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life http://t.co/y2L5Nzj4
javascript: JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた | TM Life http://t.co/y2L5Nzj4
[…] 以前『JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた』で紹介しましたが, 実はこの魔方陣も tmlib.js の Canvas クラスを使って描画しています. […]