harunonsystem

    $(document).ready(function () {
        var sys = arbor.ParticleSystem(300, 900, 0.8)
        sys.parameters({ gravity: true })
        sys.renderer = Renderer("#viewport")
        })

harunonsystem

            initMouseHandling: function () {
                var dragged = null;
                var isClick = null;
                var handler = {

                    oneclicked: function (e) {
                       if (isClick) {
                            var pos = $(canvas).offset();
                            pos = arbor.Point(e.pageX - pos.left, e.pageY - pos.top)
                            var p = particleSystem.fromScreen(pos)

harunonsystem

                    //images screen
                    var img = new Image();
                    if (node.name == "monacoin"){
                        img.src = "https://harunonsystem.github.io/illustmap/monacoin/images/monacoin.png";
                            ctx.drawImage(img, pt.x - w / 0.7, pt.y - w / 0.7, 200, 200);
                    }
                    else if (node.name == "monalogin") {
                        img.src = "https://harunonsystem.github.io/illustmap/monacoin/images/monalogin.png";
                        ctx.drawImage(img, pt.x - w / 2, pt.y - w / 2, 150, 80);
                    }

harunonsystem

       
        //testだよ！！！！
        //monaparty,monacard,monaloginにurl付与
        sys.addNode('monaparty', { url: "https://wallet.monaparty.me/#" });
        sys.addNode('monacard', { url: "https://card.mona.jp" });
        sys.addNode('monalogin', { url: "https://mona-login.com/" });
        
        //monacoin→monaparty, monaparty→monacard, monaparty→monaloginと繋ぐ
        sys.addEdge('monacoin', 'monaparty');
        sys.addEdge('monaparty', 'monacard');

harunonsystem

<link href="https://harunonsystem.github.io/illustmap/bitzeny/css/illustmap.css" rel="stylesheet" type="text/css" />
<div class="illustmap">
<a href="https://harunonsystem.github.io/illustmap/bitzeny/index.html" target="_blank">
		<img src="https://harunonsystem.github.io/illustmap/bitzeny/images/illustmap.png" border="0" >

	<div class="mask">
		<div class="caption">クリックしてね☆</div>
	</div>
	</a>
</div>

harunonsystem

<link href="https://harunonsystem.github.io/illustmap/monacoin/css/illustmap.css" rel="stylesheet" type="text/css" />
<div class="illustmap">
<a href="https://harunonsystem.github.io/illustmap/monacoin"
 target="_blank" >
		<img src="https://harunonsystem.github.io/illustmap/monacoin/images/map.png" border="0" >
	<div class="mask">
		<div class="caption">クリックしてね☆</div>
	</div>
	</a>
</div>

harunonsystem

<input type="button" value="Monappyが開くよ！" onclick="window.open("https://monappy.jp/users/send/[@○○○○]")>