Jump to content

CSS 3d bugs (windows Chrome/Opera)


Recommended Posts

Hi, I would be grateful if anyone could spare a few moments to confirm any rendering artifacts in the test pages below. The bug has been seen on windows desktop browsers based upon Chromium 30 so that's Chrome 30 and Opera 17


The first page just recreates the bug which appears either horizontally or vertically when elements are rotated into the xz or yz planes and then rotated orthogonally round y and x - so they are effectively 'edge on' and vanish




The second test is based on code which was first posted in another thread testing CSS on Firefox (http://www.html5gamedevs.com/topic/336-z-index-is-overlapping-css-3d-transform-position-in-firefox/) where at the time it was noted that artifacts were seen in Canary, which now seem to have progressed to the stable release.



It seems that the bug appears in the initial layout stage and in the first example, restyling is not enough to cause re-layout.

In the second example clicking '-/+' removes/adds cubes. This does cause a re-layout and the glitches disappear but then there is a second bug where anti-aliasing seems to be cancelled.


There is a bug logged for the first problem with the chromium project - https://code.google.com/p/chromium/issues/detail?id=306116&q=css%20artifacts&sort=-modified%20-id&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified


Thanks in advance for any feedback



Link to comment
Share on other sites

  • 3 weeks later...

So I am the only person to witness this? That's great!


After digging through the source code and a few long debugging sessions (chrome/chromium is big and highly multiprocess/threaded!) the problem lies with some recently introduced antialiasing code. As it turns out, once you've learnt a bit of how chrome works you find that the screen rendering gl shaders are in plain text within the dll and easy to modify with a hex editor.


This level of coding is something you miss with html5.

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.

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.


  • Recently Browsing   0 members

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