Comments (4)
I just had a similar artifact when trying out the Bin
example:
One thing that caught my eye is the fact that the actual content only occupies the lower left quarter of the window, both for me and for @jordwalke.
To me, this looks a lot like a scaling issue where the two dimensions are off by a factor of 2 exactly. Maybe even this has something to do with layout pixels vs native pixels, i.e. what we would call devicePixelRatio
on the web? I know for a fact that my devicePixelRatio
is exactly 2.
I am not familiar enough yet with the way we create the window and scale the content, but I might be able to take a look into it once I took a deep dive through the whole thing. I'll have to do that anyway to figure out how to implement our texture atlas :)
from revery.
To me, this looks a lot like a scaling issue where the two dimensions are off by a factor of 2 exactly. Maybe even this has something to do with layout pixels vs native pixels, i.e. what we would call devicePixelRatio on the web? I know for a fact that my devicePixelRatio is exactly 2.
Yes, I think this is definitely the issue! I added some code to handle this (the difference in 'screen size' and 'pixel size' in PR #66 ).
I believe that PR addresses this - but I don't have an environment where this reproduces (my Surfacebook has a high DPI, but the screen size == pixel size, so I don't hit this issue on it). Would be interested to see if it is fixed w/ latest master
.
I am not familiar enough yet with the way we create the window and scale the content, but I might be able to take a look into it once I took a deep dive through the whole thing. I'll have to do that anyway to figure out how to implement our texture atlas :)
I hope that PR #66 helps give some ideas! But of course, let me know if you have any questions 😄 I could definitely use your WebGL skills - the text rendering here is so limited compared to what you implemented for Oni's renderer.
from revery.
Wow, that was quick 🐎
I just tested on the newest master and didn't have the issue anymore:
Thanks for fixing! I guess you can close the issue now ✌️
from revery.
Sweet, thanks for confirming the fix @Cryza ! 💯
from revery.
Related Issues (20)
- Ubuntu 20.10: revery-ui/esy-skia build failed HOT 3
- Ubuntu 18.10 / 19.04: @opam/ocamlfind@opam:1.8.1 build failed HOT 5
- esy '@examples' run output has no text (Revery.FontCache: Error loading typeface (skia)) HOT 4
- Uncaught Division_by_zero crash on window resize. (maxHeight vs flexGrow ?) HOT 1
- Revery roadmap in face of Reason->Rescript rebrand HOT 2
- Having problem with building revery-quick-start project on Mac HOT 7
- MacOS: Allow selective modifier key mapping
- esy install failing on Windows. HOT 3
- Build Revery is presenting failure in shell.c HOT 2
- ScrollView does not work if children are added after initial mount
- CI: esy-skia won't build on Linux HOT 1
- createWindow with visible=false does not create a hidden window HOT 3
- Update the build guide for Fedora HOT 4
- SVG drawing mangled if OS locale does use a different floating point presentation HOT 4
- Quickstart build step error HOT 1
- Windows10 esy is installed but revery-ui can not be installed
- Build revery with esy on mac failed HOT 9
- Can't build on Fedora 35 due to glibc bug HOT 4
- OCaml <=14.12 doesn't support glibc>=2.34 HOT 9
- Support for FreeBSD HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from revery.