17 ms·
3D GIFs Created with a Simple Visual Effect
- tlarkworthy 13y agowell that effect is cognitively bookmarked for the next hackathon. Presumably it will work in games if used sparingly.
- nwhitehead 13y agoThis would be pretty easy to do in games since you have all the z-buffer info already. I'm thinking of a HUD that has multiple horizontal "monitors" that show you the action. Then when things get close, they pop out of the monitors for the 3D effect. That would be awesome!
- neals 13y agoKinda reminds of that other visual effect, where they add circles to a photo and give the illusion of the people in the picture being naked. Won't post the link here cause NSFW, but I can imagine it being a related effect: adding visual markers to change perception.
- tekacs 13y agoIn case anyone has trouble searching for this, the term you're looking for is 'bubbling'. Parent poster has already warned you that this could presumably be considered NSFW somewhere (apparently)
- gatehouse 13y agoYeah, I'd consider it Not-Safe-For-Work (nudity). Since you've been warned thrice here is a link: http://i.imgur.com/OeSyGw5.jpg http://i.imgur.com/OeSyGw5.jpg
- deleted 13y ago[deleted]
- uchi 13y agoyou cheeky bastard
- fsniper 13y agoTIL There is a subreddit for this. http://www.reddit.com/r/bubbling http://www.reddit.com/r/bubbling.
- matznerd 13y agoI'm more surprised these days when there isn't a subreddit for something...
- dwd 13y agoThat would be rule #35 in action. Obligatory reference: https://xkcd.com/305/ https://xkcd.com/305/
- dredmorbius 13y agoITYM Rule 34.
- dwd 13y agoThe last panel is Rule #35
- fsniper 13y agoActually I found out one. There is no Hale Berry subreddit. And even after I made a TIL post nobody cared :)
- 13y ago
- afhof 13y agoThe interesting effect of bubbling is not so much that people appear naked, but that the original picture, containing clothed people (typically bikinis), appear naked.
- supercoder 13y agoI've read this sentence 5 times and still have no idea what your argument is.
- gatehouse 13y agoThere are lots of pictures of naked people online. Millions probably. A visual effect that makes it look like someone is naked isn't that impressive, because there are naked people all over the place. The nudity aspect isn't the most precise description of what makes the bubbles effect interesting, it is the undressing aspect that makes it a interesting psychological/visual effect.
- pessimizer 13y agohence the word 'illusion'?
- omilu 13y agoreading this made me blow mountain dew through my nose into my ramen
- MarcScott 13y agoI think these appeared on Tumblr a year or so ago. Found a nice looking tutorial for making them here - http://www.youtube.com/watch?v=TmAWiVxOyto http://www.youtube.com/watch?v=TmAWiVxOyto
- optimo 13y agois it okay to not be impressed with this 'effect'?
- deleted 13y ago[deleted]
- trentmb 13y agoWhy wouldn't it be?
- jasonlfunk 13y agoThanks for asking first, we'll get back to you.
- d23 13y agoIt's HN, so the OP could have cured AIDS while being the first on Mars and it would be fine to not be impressed. Edit - ah perfect, see here: https://news.ycombinator.com/item?id=7249107 https://news.ycombinator.com/item?id=7249107
- pareshverma91 13y agoShowing the same gifs without those white solid lines for comparison would have been better. Anyways cool stuff :).
- cstrat 13y agoyeah this is something I want to see. i would think that the blur that goes on on the background part of the images plays some part in the 3D effect. would like to see how it plays out without the white lines.
- torbit 13y agoI just tried the blur effect, but it is too much manual work. I spent 20 minutes, and finished a very small part of the gif. I just deleted it. It wasn't getting the 3D feel I wanted. I think having solid bright color instead of a blur, gives it more impact in the outcome.
- PeterisP 13y agoDo note that the effect is much stronger (at least for me) if the moving object goes outside of the perceived image bounding box - the http://bit.ly/1bUkBJQ http://bit.ly/1bUkBJQ example in the original article.
- frooxie 13y agoDrawing outside the panel is a standard method in comics when you want to add extra impact or a 3d effect to a panel. For example: http://siguealconejoblanco.es/comics/wp-content/uploads/2013/01/planeta-hulk-integral-02.jpg http://siguealconejoblanco.es/comics/wp-content/uploads/2013...
- shmerl 13y agoWhy specifically GIFs? It's a generic animation technique, works with any video format. As was pointed out many times, if you have control over your site, don't use GIFs for video and animation. Use proper video formats (WebM and etc.). It will only save space and loading time and improve quality.
- derefr 13y agoBasically: GIFs autoplay on people's Tumblr dashboards, proper video formats don't, and that's pretty much all people are trying to achieve in the first place. If we just had some sort of file-extension/media-type (.webg, maybe?) that signalled to a browser "I'm a video container, but treat me like a gif, by defaulting to autoplaying, looping, and muting me", we'd replace gifs instantly.
- arjie 13y agoFacebook does this for videos uploaded to its services (Facebook, Instagram) and shared on feeds. It works quite well there.
- deft 13y agoI only noticed this yesterday. They even mute the sound by default so it's not really intrusive. Hopefully people move away from gifs soon, even if it means autoplay videos everywhere.
- ijk 13y agoIt'd also have to be compatible with all browsers (including primitive versions of IE) to cover the other reason people use gifs.
- shmerl 13y agoPrimitive versions of IEs can be ignored. Worrying about support for old IE is counterproductive.
- hcarvalhoalves 13y agoI think this would work without the bars, by just having the object pop out from the boundary box.
- gillier 13y agoYes, but the white bars give you an (imaginary) non-box boundary that doesn't cost any vertical space, and lets the 3-D effect appear in the middle of the frame, instead off sides/top/bottom
- s-macke 13y agohttp://www.well.com/user/jimg/stereo/stereo_list.html http://www.well.com/user/jimg/stereo/stereo_list.html Other idea, but gives similar 3d effects
- kingkawn 13y agoi think that using stereoscopic video footage run frame by frame back and forth from one lens to the other would be an interesting experiment
- kingkawn 13y agoalso using 60 fps footage to do it so that it was essentially watching to 30 fps pieces at once
- lstamour 13y agoNSFW, upper right.
- s-macke 13y agoIt's sunday
- KnightHawk3 13y agoFor some of us it's Monday
- garethadams 13y agoI forgot that no one works on a Sunday
- Zecc 13y agoAnd that links expire before the end of the day.
- deleted 13y ago[deleted]
- the_cat_kittles 13y agolets see- i wonder if you could take a 3d scan of a scene (still or moving) and then superimpose a 3d lattice of white lines or something, and automatically generate the correct occlusion? that would make this effect very precise. that might be kind of cool. sort of like projecting a 2d lattice on a golf green to read the break
- Houshalter 13y agoThere's this: http://www.cs.uiuc.edu/homes/dhoiem/projects/popup/index.html http://www.cs.uiuc.edu/homes/dhoiem/projects/popup/index.htm...
- Siecje 13y agoDoes anyone have the originals to compare?
- wikiburner 13y agoThis was submitted last week, but didn't get many upvotes, so I'm glad to see this submission taking off today: https://news.ycombinator.com/item?id=7200147 https://news.ycombinator.com/item?id=7200147 The following was a really interesting discussion, that I'd love to hear more opinions on: ================================== pedalpete 8 days ago | link This is really interesting. I wonder if the lines have to be so solid, or if a similar effect could be accomplished without breaking the image so much. Would a bunch of almost imperceptible lines work? What about a smallish change in colour saturation or similar? reply gojomo 8 days ago | link I was wondering the same thing. Might a finer mesh/grid work? Or bars with some dimensional shading themselves? Or slight transparency? Could the bars/layer even be animated, along some consistent plane, so that there's no static background part of the scene that's always obscured. (That might allow even thicker bars, if that's otherwise helpful for the plane-of-reference establishing effect, but which aren't as distracting, since the mind's persistence will 'see around' them.) Combining these, maybe there could be more than one synthetic depth plane active at once, distinguished by color, translucence, or direction-of-motion? There'd be some perceptual dimming with all that layered-in non-native 'depth chrome', a little like looking through lenses or filters... but hey, other stereo 3D tech has similar tradeoffs.
- vor_ 13y agoUnfortunately, I don't perceive the effect (I'm assuming there's supposed to be an optical illusion of 3D). The animations all look flat to me.
- hrjet 13y agoYeah; I experience a sense of perspective, but not a sense of depth. It would be interesting if this effect was combined with the wiggle 3d effect.
- SpeakMouthWords 13y agoOne particularly interesting thing about the origin of this effect is that it spawned from the file size limit on .gif files on tumblr. If users wanted to exceed the balance of gif length, frame rate, and detail that they wanted, they would upload multiple sections of the same scene side by side. Tumblr's formatting would then add in the white bars automatically. This presumably gave the inspiration to use this for a 3-D effect.
- gberger 13y agoUhh... But in the scenario that two gifs are side by side, how would the part that goes above the white bar appear, if the white bar is not part of any image?
- ATLobotomy 13y agoSpeakMouthWords was describing the origin of the white bars shown here (i.e. originally separating gifs). These style gifs came later (i.e. gifs with 3d effect from the addition of the bars), integrating the white bars that had come to be expected from Tumblr posts.
- flibertgibit 13y agoThis affect does not work on me, and, yes, I have two working eyes and neither is "lazy".
- Crito 13y agoYeah, I am not seeing this effect at all. Perhaps relevant: one of my eyes has poor eyesight, but 3d movies still work for me without wearing corrective lenses... I suspect this only "works" if you really want it to.
- anonymfus 13y agoWell, because this effect does not use stereopsis, it actually works better for people who don't rely on it. So if you want to make it stronger, close one eye.
- arnarbi 13y agoWorks great for me, and I have amblyopia.
- obamasupporter 13y agoAwesome
- samweinberg 13y agoI wonder how prominent the bars have to be for this effect to still work. Can they be translucent or a color other than white?
- dredmorbius 13y agoI'd seen this a few times in recent weeks and wasn't overly impressed, but yeah, sure, whatever. Clicked to open the link in a new tab, continued to other tasks for a while. It took me some time before I navigated back to it. I flinched when I did as Capt. America's shield came flying toward me. Maybe there is something to this after all.
- CodeWithCoffee 13y agoTo answer other commenter's questions about the color, my perception is that it has to be the same color as the page background. This gives the illusion that the image is behind a 'window' in the page that is covered by the bars. Then when something moves from 'behind' the bars to 'in front' of them it gives the illusion of depth.
- rurounijones 13y agoFor me the success of the effect was determined by how smoothly the object went in front of the lines. The black and white image of the puppy didn't work for me at all because you could see the "pop" as it suddenly went in front. Ice-Age and the Avengers clip seemed to stand out much more for me because it was smoother (To my eyes at least).
- LambdaAlmighty 13y agoDidn't work on me. I didn't understand what the "visual effect" is supposed to be until I read the description. I still see animated 2D GIFs with bars over them (=no real difference if the bars were removed).
- ggambetta 13y agoThe bars aren't over them; at some point they appear to be below some parts, which is what gives the 3D effect.
- chippy 13y agoIn my opinion it's very clever and interesting, but it's not particularly nice. It's very obvious in it's cleverness.
- braum 13y agowhat a useless statement.
- ahcox 13y agoThey look particularly good expanded out to fill the page: http://hoog.li/g?g=http%3A%2F%2Fwww.viralnova.com%2F3d-images%2F&cimw=480 http://hoog.li/g?g=http://www.mymodernmet.com/profiles/blogs/3d-gifs&cimw=320
- ahcox 13y ago... Whoops: http://hoog.li/g?g=http%3A%2F%2Fwww.viralnova.com%2F3d-images%2F&cimw=480 http://hoog.li/g?g=http%3A%2F%2Fwww.viralnova.com%2F3d-image... http://hoog.li/g?g=http://www.mymodernmet.com/profiles/blogs/3d-gifs&cimw=320 http://hoog.li/g?g=http://www.mymodernmet.com/profiles/blogs...
- jazlyn 13y agoits really an awesome gif collection. You may also like: http://www.thephotomag.com/2012/12/collection-of-30-still-photos-with.html http://www.thephotomag.com/2012/12/collection-of-30-still-ph...
- slowmover 13y agoThese are called cinemagraphs, and here's a bunch of them for you: http://www.reddit.com/r/cinemagraphs http://www.reddit.com/r/cinemagraphs
- hawleyal 13y ago"3D"
- bigfaceworm 13y agoOff topic: Captain America's throwing form is atrocious. See this for good form: https://www.youtube.com/watch?v=Z0dXR6EiReY https://www.youtube.com/watch?v=Z0dXR6EiReY