diff --git a/azure-pipelines.yml b/azure-pipelines.yml new file mode 100644 index 00000000..2b4f76eb --- /dev/null +++ b/azure-pipelines.yml @@ -0,0 +1,39 @@ +# Docker +# Build and push an image to Azure Container Registry +# https://docs.microsoft.com/azure/devops/pipelines/languages/docker + +trigger: +- main + +resources: +- repo: self + +variables: + # Container registry service connection established during pipeline creation + dockerRegistryServiceConnection: '78cf9028-7217-4372-bf32-621cdf613d53' + imageRepository: 'mahysinghtetrisgameapp' + containerRegistry: 'acrgame.azurecr.io' + dockerfilePath: '$(Build.SourcesDirectory)/Dockerfile' + tag: '$(Build.BuildId)' + + # Agent VM image name + vmImageName: 'ubuntu-latest' + +stages: +- stage: Build + displayName: Build and push stage + jobs: + - job: Build + displayName: Build + pool: + vmImage: $(vmImageName) + steps: + - task: Docker@2 + displayName: Build and push an image to container registry + inputs: + command: buildAndPush + repository: $(imageRepository) + dockerfile: $(dockerfilePath) + containerRegistry: $(dockerRegistryServiceConnection) + tags: | + $(tag) diff --git a/tetris.js b/tetris.js index 103a610c..203a74b7 100644 --- a/tetris.js +++ b/tetris.js @@ -258,7 +258,7 @@ function drawMatrix(matrix, offset) { if(value !== 0){ context.fillStyle = colors[value]; context.roundRect(x * blockSize + offset.x * blockSize, 100 + y * blockSize + offset.y * blockSize, 1 * blockSize, 1 * blockSize, 5).fill() - context.strokeStyle = "black" + context.strokeStyle = "red" context.strokeRect(x * blockSize + offset.x * blockSize, 100 + y * blockSize + offset.y * blockSize, 1 * blockSize, 1 * blockSize) } }); @@ -273,7 +273,7 @@ function drawNextMatrix(matrix, offset) { context.fillStyle = colors[value]; context.roundRect(x * scale + offset.x, y * scale + offset.y, 1 * scale, 1 * scale, 5).fill() - context.strokeStyle = "black" + context.strokeStyle = "red" context.strokeRect(x * scale + offset.x , y * scale + offset.y , 1 * scale, 1 * scale) } });