From 332f3b4f9d58eabf54f44a348de24d73d728f560 Mon Sep 17 00:00:00 2001 From: raysan5 Date: Sun, 23 Apr 2017 19:24:39 +0200 Subject: [PATCH] Set canvas background to black... ..to avoid blending issues with white background --- docs/examples/web/audio/loader.html | 2 +- docs/examples/web/core/loader.html | 2 +- docs/examples/web/models/loader.html | 2 +- docs/examples/web/physac/loader.html | 2 +- docs/examples/web/shaders/loader.html | 2 +- docs/examples/web/shapes/loader.html | 2 +- docs/examples/web/text/loader.html | 2 +- docs/examples/web/textures/loader.html | 2 +- templates/web_shell/shell.html | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/examples/web/audio/loader.html b/docs/examples/web/audio/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/audio/loader.html +++ b/docs/examples/web/audio/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/core/loader.html b/docs/examples/web/core/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/core/loader.html +++ b/docs/examples/web/core/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/models/loader.html b/docs/examples/web/models/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/models/loader.html +++ b/docs/examples/web/models/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/physac/loader.html b/docs/examples/web/physac/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/physac/loader.html +++ b/docs/examples/web/physac/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/shaders/loader.html b/docs/examples/web/shaders/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/shaders/loader.html +++ b/docs/examples/web/shaders/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/shapes/loader.html b/docs/examples/web/shapes/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/shapes/loader.html +++ b/docs/examples/web/shapes/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/text/loader.html b/docs/examples/web/text/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/text/loader.html +++ b/docs/examples/web/text/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/docs/examples/web/textures/loader.html b/docs/examples/web/textures/loader.html index c5e18be0..93d7260f 100644 --- a/docs/examples/web/textures/loader.html +++ b/docs/examples/web/textures/loader.html @@ -36,7 +36,7 @@ } #eximage { width: 802px; height: 452px; text-align: center; } #eximage img { margin: 0 auto; border: 1px solid; border-color: black; } - #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; } + #eximage canvas { position: relative; top: 1px; left: 1px; border: 1px solid red; background: black; } pre { width: 802px!important;} pre code{ border: 1px solid; border-color:#b0b0b0; height:auto; } .exdownbtn{ margin-right: 20px; width:220px; height:30px; float:left; position: relative; cursor:pointer; font-weight:bold; font-size:10px; diff --git a/templates/web_shell/shell.html b/templates/web_shell/shell.html index d602b5b5..d9a3c49e 100644 --- a/templates/web_shell/shell.html +++ b/templates/web_shell/shell.html @@ -57,7 +57,7 @@ div.emscripten_border { border: 1px solid black; } /* the canvas *must not* have any border or padding, or mouse coords will be wrong */ - canvas.emscripten { border: 0px none; } + canvas.emscripten { border: 0px none; background: black; } #emscripten_logo { display: inline-block;