Most of those names don’t look very Swedish. Only one that I see really working is Daniel.
And as far as I can tell there is no IKEA furniture named DANIEL. They could use that name for some furniture that would complement the BILLY bookshelves for example.
That's not a bug, it's Germany! The aerial imagery comes from the Austrian basemap.at dataset, which only covers Austria. If you use imagery that covers multiple countries this isn't an issue, but for this project I wanted to try out the basemap.at data. See https://github.com/felixpalmer/procedural-gl-js/ for more
I made this as a demonstration of the open data available from the Austrian government under the www.basemap.at project. The rendering engine is built on top of THREE.js and can be found here: https://github.com/felixpalmer/procedural-gl-js/
Just want to say, love the mobile interface on iOS. Smooth as butter, super controllable, intuitive. I don’t know whether you designed it or if it came with the engine, but either way, quite lovely.
Rotation doesn’t work the way it does in every other iOS UI, and so it took me forever to figure out how to rotate. On a related note, it kept inexplicably rotating whenever I would zoom in and out.
Still impressive and smooth, though. And might just be part of the library chosen.
Could you elaborate? I'm also an iOS user and find it intuitive. But of course I would, as I've spent hours developing it and can't see the issues in the way a new user would. If you move two fingers in a rotating fashion the map rotates, does it not do this for you?
Not an iOS user, but I somehow expected rotation to work if I rotate two fingers against each other (I.e. draw a circle with two fingers at the same time). But I just need to swipe sideways with two fingers.
No. If I move two fingers from side to side it rotates. If I try to rotate two fingers, nothing happens. If I also happen to also move them closer together/further apart, then it zooms. Or if I happen to end up slightly further left or right, then it rotates. The result is that when attempting to rotate 90 degrees right, it might zoom out slightly and rotate left a few degrees.
If you hold one finger in place and rotate the other around, it works. It’s a bit more subtle than the default iOS rotate gesture. If both fingers move during the rotation it gets confused with the zoom. I found the best way is to hold my middle finger static and rotate with my thumb. The opposite (holding thumb static) was much harder.
Well, I made the engine - so the answer is both :) Glad you like it. I still feel the pinch zoom could be improved though so that the focal point was at the center of the touch points, but otherwise it is pretty close to the native controls
That's is super cool.
Thanks for the NZ links. Having lived in NZ after moving back to Austria, and look Arthur's Pass, brings back some good memories.
Generally just a choice for the demo - in part because restricting the view distance means less data to download (thus lower cost to serve!). If you switch the phone to portrait you will be able to see the horizon.
39 comments
[ 3.4 ms ] story [ 25.9 ms ] threadAnd as far as I can tell there is no IKEA furniture named DANIEL. They could use that name for some furniture that would complement the BILLY bookshelves for example.
This is my favourite sentence of 2020.
I made this as a demonstration of the open data available from the Austrian government under the www.basemap.at project. The rendering engine is built on top of THREE.js and can be found here: https://github.com/felixpalmer/procedural-gl-js/
For those in the southern hemisphere, there is also a similar visualization of the national parks of New Zealand: https://felixpalmer.github.io/new-zealand-3d/
> Key features
> Batteries included elevation data. Global 3D data coverage courtesy of nasadem.XYZ
> https://www.nasadem.xyz/
Rotation doesn’t work the way it does in every other iOS UI, and so it took me forever to figure out how to rotate. On a related note, it kept inexplicably rotating whenever I would zoom in and out.
Still impressive and smooth, though. And might just be part of the library chosen.
Edit: this is an image to show how I rotate things on my phone and computer trackpad: https://cdn1.iconfinder.com/data/icons/gestureworks_gesture_...
In the meantime, there are some video captures on my twitter: https://twitter.com/pheeelicks
The library itself (https://github.com/felixpalmer/procedural-gl-js) lets you configure the angle freely.
For the Procedural GL JS library we use NASADEM, via the www.nasadem.xyz service, which has almost global coverage (up to 60 degrees N)
This demo did not want to run on CPU only :)
Can you recommend any resources/documentation/tutorials for someone interested in learning graphics programming (possibly with webgl) ?
I would also very much recommend:
- https://webglfundamentals.org - https://www.iquilezles.org - https://fgiesen.wordpress.com/2011/07/09/a-trip-through-the-... - Reading the code on shadertoy.com shaders & THREE.js examples