load example.html again

jan-br · jan-br · commit cc5977e74380 · 2021-03-28T18:14:09.000+02:00
diff --git a/example/lwjgl3-opengl/src/main/java/com/labymedia/ultralight/lwjgl3/opengl/drawing/OpenGLDrawer.java b/example/lwjgl3-opengl/src/main/java/com/labymedia/ultralight/lwjgl3/opengl/drawing/OpenGLDrawer.java
@@ -31,25 +31,25 @@ public class OpenGLDrawer {
      * Draw a rotating triangle.
      */
     public void draw() {
-//        glDisable(GL_DEPTH_TEST);
-//        glEnable(GL_ALPHA_TEST);
-//        glUseProgram(0);
-//        glPushMatrix();
-//        rotation += 0.01;
-//        glRotatef(rotation, 0, 0, 1);
-//        glBegin(GL_TRIANGLES);
-//
-//
-//        glColor3f(1.0f, 0.0f, 0.0f);
-//        glVertex2f(-1.0f, -1.0f);
-//
-//        glColor3f(0.0f, 1.0f, 0.0f);
-//        glVertex2f(1.0f, -1.0f);
-//
-//        glColor3f(0.0f, 0.0f, 1.0f);
-//        glVertex2f(0.0f, 1.0f);
-//
-//        glEnd();
-//        glPopMatrix();
+        glDisable(GL_DEPTH_TEST);
+        glEnable(GL_ALPHA_TEST);
+        glUseProgram(0);
+        glPushMatrix();
+        rotation += 0.01;
+        glRotatef(rotation, 0, 0, 1);
+        glBegin(GL_TRIANGLES);
+
+
+        glColor3f(1.0f, 0.0f, 0.0f);
+        glVertex2f(-1.0f, -1.0f);
+
+        glColor3f(0.0f, 1.0f, 0.0f);
+        glVertex2f(1.0f, -1.0f);
+
+        glColor3f(0.0f, 0.0f, 1.0f);
+        glVertex2f(0.0f, 1.0f);
+
+        glEnd();
+        glPopMatrix();
     }
 }
diff --git a/example/lwjgl3-opengl/src/main/java/com/labymedia/ultralight/lwjgl3/opengl/support/WebController.java b/example/lwjgl3-opengl/src/main/java/com/labymedia/ultralight/lwjgl3/opengl/support/WebController.java
@@ -173,7 +173,7 @@ public void render() {
         float[] uv = this.view.renderTarget().uv_coords;
         int width = (int) view.width();
         int height = (int) view.height();
-        glClearColor(1,1,1,1);
+        glClearColor(0,0,0,1);
         glEnable(GL_TEXTURE_2D);
         // Set up the OpenGL state for rendering of a fullscreen quad
         glPushAttrib(GL_ENABLE_BIT | GL_COLOR_BUFFER_BIT | GL_TRANSFORM_BIT);
diff --git a/example/lwjgl3-opengl/src/main/resources/example.html b/example/lwjgl3-opengl/src/main/resources/example.html
@@ -2,17 +2,14 @@
 <!--
     Ultralight Java - Java wrapper for the Ultralight web engine
     Copyright (C) 2020 - 2021 LabyMedia and contributors
-
     This program is free software; you can redistribute it and/or
     modify it under the terms of the GNU Lesser General Public
     License as published by the Free Software Foundation; either
     version 3 of the License, or (at your option) any later version.
-
     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
     Lesser General Public License for more details.
-
     You should have received a copy of the GNU Lesser General Public License
     along with this program; if not, write to the Free Software Foundation,
     Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
@@ -25,7 +22,8 @@
 </head>
 <body> <!-- Transparent background for demo purposes -->
 <div id="center">
-<span>Hello, World!</span>
+    <span>Hello, World!</span>
 </div>
+<script src="example.js"></script>
 </body>
 </html>
diff --git a/example/lwjgl3-opengl/src/main/resources/style.css b/example/lwjgl3-opengl/src/main/resources/style.css
@@ -17,13 +17,34 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 
-body{
-    background: #f06;
-    background: linear-gradient(45deg, #fff722, #ff26f9),linear-gradient(142deg, transparent, white),linear-gradient(108deg, red, transparent);
-    min-height: 100%;
-    width:100vh;
-    height:100vh;
-    position:relative;
-    z-index:1;
-    overflow: hidden;
+html, body {
+    background: transparent;
+}
+
+#center {
+    position: absolute;
+    width: 400px;
+    height: 100px;
+
+    margin: auto;
+
+    background: rgba(0, 0, 0, 0.2);
+
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+
+    border-radius: 10px;
+}
+
+#center > span {
+    text-align: center;
+    vertical-align: middle;
+    line-height: 100px;
+
+    color: white;
+    font-size: 40px;
+
+    width: 400px;
 }
