webmc/coffee/atlas.coffee at 52451de59a4610496ebf874ceda4d029b99f808f · ghzhost/webmc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
path=require "path"
fs=require "fs"
Canvas=require "canvas"
createCanvas=Canvas.createCanvas
loadImage=Canvas.loadImage
Image=Canvas.Image

toxelX=1
toxelY=1
miniX=1
miniY=1
totalImages=694
loadedImages=0
atlasSize=36
miniAtlasSize=27

path1=__dirname+"/client/assets/blocks/blocksAtlas-full.png"
path2=__dirname+"/client/assets/blocks/blocksMapping-full.json"
path3=__dirname+"/client/assets/blocks/blocksMapping.json"


canvas=createCanvas atlasSize*16,atlasSize*16
ctx=canvas.getContext '2d'

images={}
textureMapping={}
miniMapping={}

firstLoad=->
    folderName="client/assets/blocks/images"
    directoryPath=__dirname+"/"+folderName
    fs.readdir directoryPath, (err, files)->
        files.forEach (file)->
            filePath="#{__dirname}/#{folderName}/#{file}"
            if path.extname(file) is ".png"
                addImageToLoad filePath,file
            return
        return
    return
addImageToLoad=(filePath,name)->
    img=new Image
    img.onload=->
        images[name]=img
        loadedImages++
        if loadedImages is totalImages
            forEachToxel()
    img.src=filePath
forEachToxel=->
    Object.keys(images).forEach (name)->
        img=images[name]
        addToxelToAtlas img,name
    updateAtlas()
addToxelToAtlas=(img,name)->
    w=img.width/16
    h=img.height/16
    if w>1 or h>1
        for i in [0..w-1]
            for j in [0..h-1]
                ctx.drawImage img,i*16,j*16,16,16,(toxelX-1)*16, (toxelY-1)*16, 16,16
                textureMapping[name.substr(0,name.length-4)+"@#{i}@#{j}"]={x:toxelX,y:toxelY}
                moveToxel()
    else
        ctx.drawImage img, (toxelX-1)*16, (toxelY-1)*16, 16,16
        textureMapping[name.substr(0,name.length-4)]={x:toxelX,y:toxelY}
        moveToxel()
    miniMapping[name.substr(0,name.length-4)]={x:miniX,y:miniY}
    if miniX is miniAtlasSize
        miniX=1
        miniY+=1
    else
        miniX+=1
moveToxel=->
    if toxelX is atlasSize
        toxelX=1
        toxelY+=1
    else
        toxelX+=1
updateAtlas=(path)->
    fs.writeFileSync path1, canvas.toBuffer('image/png')
    console.log "\x1b[33mSAVING: #{path1}"

    fs.writeFileSync path2,JSON.stringify(textureMapping,null,2)
    console.log "\x1b[33mSAVING: #{path2}"

    fs.writeFileSync path3,JSON.stringify(miniMapping,null,2)
    console.log "\x1b[33mSAVING: #{path3}"

    console.log "\x1b[32mSuccessfully created #{canvas.width}x#{canvas.height} Texture Atlas!\n"

firstLoad()