August 23, 2019

Learn the basics of WebGL

Rik Schennink @rikschennink

I've been kicking this rock down the road for far too long and this week I finally took some time to sit down and try to wrap my brain around WebGL.

Currently all Doka animations are handled with CSS 3D transforms. This is super fast as the view is almost never redrawn and everything is handled by the GPU (composition only). Turns out this doesn't work great (~40 FPS) on Chrome when browsing on a high-res retina Macbook.

Running the whole image preview layer on the GPU would allow faster effects and would fix the above problem. So, bit the bullet, replaced the view layer, and my brain is finally starting to "get" WebGL. I'm now finishing up the new release and ironing out the final couple of bugs, the results are very promising so far.

Loading comments...
Today's Top Milestones
  • Ethical Marketing Tools – The 🙂Friendly Manifesto
    Friendly offers “ethical marketing tools” for small and medium-sized companies. We recently sat down to define what this term m
  • Launched on PH
    Today I launched the Mental Models newsletter on Product Hunt. I'm currently at 458 subscribers before launch, so hopefully this launch brings more su
  • Current Stats for ScrapingProject.
    We launched ScrapingProject API on June '20. Now after two months we have completely moved to RapidAPI and added support for Residential Proxy and Geo
  • Doubled ad revenue with Ezoic
    When I picked up this site, had good traffic but wasn't running ads. In order to start monetizing I hooked up Ezoic. AdSense is a joke, and I didn't h
  • Landing Page Ready for Feedback!
    Threw together a new landing page to start gathering users for the beta of Lightfront! See it here: https://getlightfront.com If you have are building
  • Mattermost notifications
    Beside already existing channels Email, Slack, Telegram, Discord, Hangouts Chat, Microsoft Team, and custom Webhooks, we have added a support to send
  • Mattermost notifications
    Beside already existing channels Email, Slack, Telegram, Discord, Hangouts Chat, Microsoft Team, and custom Webhooks, we have added a support to send