Jump to content

HTML Dom to WebGL with HTML-GL : Opinions ?


geekarlier
 Share

Recommended Posts

Hi guys,

 

Maybe you've heard about HTML-GL (https://github.com/PixelsCommander/HTML-GL) ?

It's a new library that allows you to convert DOM elements to WEBGL with a single line of code.

In that way, you have the convenience of DOM with the performances of WEBGL.

 

It also allows you to apply WEBGL filters on your DOM elements, which is new. 

 

The library use Pixi.js so it has a Canvas fallback.

 

Since i have some DOM-Based HTML5 Games, i tested it on one of my finished project :

For now, i see better performances, and no problem at all ... which is nice :)  ! 

The framerate went from a 50-55 on heavy animations to 58-60 and it feels smoother.

 

I encountered some glitches at first, when using the web-component (<html-gl>) : i just switched to a Javascript call instead and it worked well.

 

I find it promising !

 

If i encounter any trouble, i'll keep this tread updated.

 

Have you tested it ? Any opinions ?

Link to comment
Share on other sites

I've check the repo and demo already, but I still couldn't understand how it works. From the demo I found the real animation is conducted by Velocity.js.

 

I wonder if the <html-gl> element has some special feature or performance boost from WebGL? Should I just animate it via any library (or just vanilla javascript) or use something else?

 

Thank you very much!

Allen

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...