JavaScript ライブラリ「tmlib.js」魔法陣サンプルの色違いを色々と作ってみた

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

以前, 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. で紹介した 魔法陣のサンプル.

このサンプルの色違いを色々と作ってみました.

screenshot

Table of contents

もともとのサンプル

up

一箇所修正するだけ

魔法陣クラス MagicSquareSprite で定義されている rendererCanvas メソッドの fillStylestrokeStyle に指定している “hsl(60, 75%, 50%)”.

この値を変更するだけで魔法陣の色を変更することができます.

    rendererCanvas: function() {
        var canvas = this.canvas;
        
        canvas.setTransformCenter();
        canvas.fillStyle  = "hsl(60, 75%, 50%)";
        canvas.strokeStyle= "hsl(60, 75%, 50%)";

up

tmlib.js examples – Magic Square(Red)

up

tmlib.js examples – Magic Square(Green)

up

tmlib.js examples – Magic Square(Blue)

up

tmlib.js examples – Magic Square(Random)

up

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT