<file_sep>//何も用いず2d回転
(function () {
    'use strict';

    const canvas = document.getElementById('normal_canvas');
    canvas.height = 300;
    canvas.width = 300;

    const context = canvas.getContext('2d');

    const image = new Image();
    image.src = 'image/money.png';
    image.onload = () => {
        rotate();
    }

    let theta = 0;

    function rotate() {
        context.clearRect(0, 0, canvas.width, canvas.height);

        context.save();

        context.translate(canvas.width / 2, canvas.height / 2);
        context.rotate(++theta * Math.PI / 180);
        context.translate(-canvas.width / 2, -canvas.height / 2);

        context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height);

        context.restore();

        setTimeout(rotate, 15);
    }
}());



//Grimoire.js を利用して2d回転
gr.registerComponent('Rotate2d', {
    attributes: {
        speed: {
            default: 1,
            converter: 'Number'
        }
    },
    $mount: function () {
        this.theta = 0;
    },
    $update: function () {
        this.theta += this.getAttribute('speed');
        this.node.setAttribute('rotation', 0 + ',' + 0 + ',' + -this.theta);
    }
});

//Grimoire.js を利用して3d回転
gr.registerComponent('Rotate3d', {
    attributes: {
        speed: {
            default: 1,
            converter: 'Number'
        }
    },
    $mount: function () {
        this.theta = 0;
    },
    $update: function () {
        this.theta += this.getAttribute('speed');
        this.node.setAttribute('rotation', 25 + ',' + -this.theta + ',' + 0);
    }
});
<file_sep># [pronama_spinner](https://ipolyomino.github.io/pronama_spinner/)

プロ生ちゃんを回転させることができます．

## Requirement

Node.js 8.x

Grimoire.jsを利用するために，ローカルサーバを立てる必要があります．  
このリポジトリではExpressを利用していますが，ご自身で立てることができるのであれば Pythonでも Rubyでも 問題ありません．

## Usage
```bash
git clone <EMAIL>:iPolyomino/pronama_spinner.git
cd pronama_spinner
npm install
node app.js
```

http://localhost:3000/ にアクセスすると，確認することができます．

## Author

[Hagi](https://github.com/iPolyomino)

## Link

[プロ生ちゃん](http://pronama.azurewebsites.net/pronama/)
