基于SVG的卡坦板

SVG-Based Catan Board 一种多人玩的图板游戏

SVG

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1269
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

angular.module('catan', [])
    .factory('Tile', [function() {
        function Tile(r, c) {
            Object.defineProperties(this, {
                terrain: {
                    writable: true,
                    value: 'none'
                },
                r: {
                    value: r
                },
                c: {
                    value: c
                },
            })
        };
        return Tile;
    }])
    .factory('Map', ['Tile', function(Tile) {
        console.log("Map factory called");

for (var r = 0; r < map.data.length; r++) {
                    for (var c = 0; c < map.data[r].length; c++) {
                        if (Math.abs(r - c) >= 4) {

} else if (r == 0 ||
                            c == 0 ||
                            r == map.height - 1 || c == map.width - 1 || Math.abs(r - c) == 3) {
                            map.data[r][c].terrain = 'water';
                        } else {
                            var i = (Math.random() * 6) | 0;
                            var terrain = ([
                                'field',
                                'claybed',
                                'forest',
                                'meadow',
                                'mountain',
                                'desert',
                            ])[i];
                            map.data[r][c].terrain = terrain;

}
                        console.log('r = ', r, ' c = ', c, ' terrain = ', map.data[r][c].terrain);
                    }
                }

return map;
            }
        };
    }])
    .controller('catan', ['$scope', 'MapFactory', function($scope, MapFactory) {
        console.log("catan controller called");
        $scope.map = MapFactory.random5x5();
        console.log($scope.map);
    }])
    .run(function() {
        console.clear();
    });

编译

CSS

HTML

SVG-Based Catan Board 一种多人玩的图板游戏

SVG

编辑器支持Emmet

快捷键

SVG-Based Catan Board 一种多人玩的图板游戏

SVG

基于D3.js实现的SVG图形在线编辑器

基于SVG图实现的交互式人类脚底按摩穴位图

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：