× {{alert.msg}} Never ask again
Get notified about new tutorials RECEIVE NEW TUTORIALS

WebGL/three.js and creating an easy ui overlay

<p>When working within a canvas element (as you do with webGL content), it's logical that you'd put your user-interface within the canvas as well, generated along with your content - but you don't need to.</p> <p>Especially if you're first learning about webGL but know css and html, it might be quicker, easier, and more rewarding to just make a div element with a transparent background, and place that anywhere on your screen as your user-interface.</p> <p> </p> <p>Within this div you can put any text you need, and even send your webGL javascript code commands through the use of buttons and links.</p> <p>The Css</p> <p>background-color: rgba(255, 255, 255, 0.0);</p> <p>color: #ffffff; </p> <p>z-index: 1;</p> <p>position: absolute;</p>
comments powered by Disqus