rikschennink

11 ms·

91.
by rikschennink 7y ago
Awesome, let me know if you have any questions, just use that chat widget thingy on the product page.
92.
by rikschennink 7y ago
I think you had to zoom out the image (scale down with scroll wheel or multi-touch), maybe this needs to be more clear.
93.
by rikschennink 7y ago
Yes, it's the perfect fit, I have someone else to thank for that as I'm horrible at naming things.
94.
by rikschennink 7y ago
It'll show the actual output size of the image, I'm not a 100% happy with this yet. The fact that you report it here (as a bug) is a good indicator that it needs to be changed.
95.
by rikschennink 7y ago
Thanks! And excellent idea, added to the todo list.
96.
by rikschennink 7y ago
Thank you :-)
97.
by rikschennink 7y ago
Thanks!
98.
by rikschennink 7y ago
Initially I rendered the image preview with CSS 3D transforms, while super fast on Safari, it turned out this wasn't as performant on Chrome when viewing on a retina display (weird right?). So I switched to WebGL, which sits closer (cl
99.
by rikschennink 7y ago
I specifically build it to work well across multiple different contexts :)
100.
by rikschennink 7y ago
Thanks! And indeed, it's a full feature instance of Doka, I figured it might be useful for some people to do quick image editing and offering it for free feels good. It isn't open source, I do use income from Doka to finance my ot
101.
Show HN: I built an online image editor using WebGL and CSS transforms(pqina.nl)
425 points by rikschennink 7y ago|72 comments
102.
by rikschennink 8y ago
I haven't been able to test this as my test device is too old. But, I'm betting my money on Firefox somehow rendering `background-attachment: fixed` differently from Webkit/Blink which is causing the slowdown. I'm lookin
103.
by rikschennink 8y ago
Nuts, that doesn't sound good, I haven't been able to test on Android because my Android device does not have a Gyroscope :\ Hope to fix this next week.
104.
by rikschennink 8y ago
Thanks! Apparently Apple has a patent pending. Bob below has build what you describe above, so he might receive a letter from Apple in the near future ;) https://twitter.com/bob_burrough/status/1080191577887141890
105.
by rikschennink 8y ago
Oh no! Hope to fix this by the end of next week (with some additional test devices). Thanks for shooting a video!
106.
by rikschennink 8y ago
Thanks for testing! Code is not really optimized at this point in time, I'm looking in to switching to GPU acceleration which should improve performance a lot.
107.
by rikschennink 8y ago
It does that once, and it does it to prevent having to ship an image or base64 encoded string to create a noise effect. It's a balancing act between a bigger library and CPU usage. It takes the CPU 15 milliseconds (it's more than
108.
by rikschennink 8y ago
Thanks! Indeed it does use the gyroscope. Unfortunately (as always on the web) the implementation apparently differs a lot per device so I'm now gathering test devices to make it respond the same on iOS and Android.
109.
by rikschennink 8y ago
I'm kinda hesitant to do this as it's not really what you expect to happen on a device that is stable? Where on mobile it responds to the tiniest twist or turn of your hand which results in familiar reflection behavior.
110.
Show HN: Shiny.js simulates reflections on the web for mobile devices(github.com)
113 points by rikschennink 8y ago|38 comments
111.
by rikschennink 8y ago
Hi! Developer here, I've build Doka over the past months as an extension to FilePond.js. When I was half way I decided it would be better as a standalone editor. It's super fast, can crop, resize, rotate, and flip images (also SVG
112.
Show HN: Doka.js – A vanilla JavaScript image editor(pqina.nl)
4 points by rikschennink 8y ago|1 comments
113.
Show HN: FilePond.js – Animated, extendable, vanilla JavaScript file upload library(pqina.nl)
7 points by rikschennink 9y ago|0 comments