How is apple able to achieve the (apparent) Gaussian blur effect for the photos in the background in this demo:
http://www.apple.com/html5/showcase/gallery/
Now we are in 2012, look a this:
http://css-plus.com/2012/03/gaussian-blur/
and this:
http://blurjs.com/
In case you want to do something similar with Canvas, check out StackBlur. Works great! I know it's not Gaussian blur but it should be close enough. :)
Looking at the source, those are prerendered. No HTML5 trickery for that part, unfortunately.
Example: http://images.apple.com/html5/showcase/gallery/images/polo9b-small.png
Related
I've tried to look through several libraries of React Native circular sliders, however none of them work as intended. All of them suffer the same bug where they randomly change values as you slide. A example would be:
What I am looking for, is a circular slider with it's value in the middle of the slider, very much so like this:
Thank you in advance
Edit: I've added a test repo if you want to play around with it. I've tried my best, but this is the best I could do
https://github.com/2joocy/SliderTest
The code was taken from here:
https://github.com/steveliles/react-native-circular-slider-example
I haven't worked with circle slider yet. But I tried to search and there are 2 repos. Maybe that is what you need.
https://github.com/bgryszko/react-native-circular-slider
https://github.com/raymondchooi/react-native-circle-slider
Good luck!
I'm building an iphone photo app. I don't know how to achieve this kind of effect on an image:
When the user drags a finger across the arrow, I want the image to be distorted accordingly. How can I achieve this? Is there any framework that makes this process simple?
Thank you.
No clue about iOS, but the look reminds me of a thin-plate spline warp. It's quite easy to implement in OpenGL, a quick Google search for example code returns plenty of hits.
From the sound of it I think your looking for the CoreImage framework. Look into the various distortion effects...in particular CIBumpDistortionLinear.
I don't have any code so check out this tutorial and read up on CoreImage.
Is it possible to have a curve UISlider or is it just Horizontal and Vertical?
I've tried replacing the slider track with a curve image (though i already know hat it will not work because it is just a background), not working.
Is there a way that i could do that?
Take a look at custom controls (both of them are under MIT license):
MHRotaryKnob
Cocoacontrols
Github
DCKnob
Cocoacontrols
Github
I wrote this sample app to show how to use a Curve UIBezierPath and move an object through it
you can take a look at :
Curvy UISlider
I will try to update it.
No you can't do this with the UISlider, only in a straight line. You can rotate the whole slider to a degree you like with the transform property and use a function like CGAffineTransformMakeRotation. An example: How to use CGAffineTransformMakeRotation?.
You can also check out BezierSlider which allows you to customize the path and the selector.
Is there any way to do simple image manipulation like adjusting brightness, contrast, exposure, etc. using Cocoa? Something like NSImage?
You want Core Image, I think.
If you want to present UI to allow the user to make these kinds of modifications, look at ImageKit.
Have you had a look at Core Image?
I'd check out the CoreImage FunHouse example. It pretty much shows you how to use most of what CoreImage can do.
Any tutorials or sample code to get the Core Animation window flip effect? I'm using Flipr right now, which uses Core Image to generate the effect but CoreAnimation is much smoother
Thanks
Mike Lee released some code for just this a while back. He called it LemurFlip.
take a look at uli kusterers windowflipper code.
http://www.zathras.de/angelweb/sourcecode.htm (search for WindowFlipper)
have no experience with it, but it just might work for you :)
I added some code on how I do it using Core animation: Link