アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ！ 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置（Y）を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい！ 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします！ GIFs: 3D pictures become possible with two straight lines
Streaming of SVG animations on the Web | Cyril @ Telecom ParisTech
This week I gave a talk during the HTML5 Developer conference in San Francisco. The conference was very interesting and I met many people doing cool things with SVG. You can view the slides of my presentation here. The gist of this presentation is: “If you create timeline-based animations and you structure them properly, using … Continue reading Streaming of SVG animations on the Web →
hijacking the Firefox animation clock // by Paul Rouget
hijacking the Firefox animation clock // by Paul Rouget Hijacking the Firefox animation clock I'm experimenting with a tool that will let the user control the animation clock used by gecko to render CSS transitions and animations, and JS animations based on requestAnimationFrame. I'm still not sure how the UI should look like yet, and how this should interact with the recently added Paint Flashing
Web Animations
FXTF F2F Hamburg 2012 Brian Birtles Shane Stephens Rik Cabanier Alex Danilo Tab Atkins Dmitry Baranovskiy Vincent Hardy Overview Provide a common foundation for CSS and SVG animation Provide a high quality script API for animation and synchronization Easily create sophisticated frame-rate independent animations Amenable to hardware acceleration Provide a single target for future animation w
Draft documentation for jQuery 1.8 Effects. Please contribute comments.
jQuery 1.8 Effects - New Features Animation Factory The effects core now uses a new factory jQuery.Animation( element, props, opts ) which is responsible for creating an animation object. It returns a promise, with these additional properties: elem: Object The element being animatied props: Object The final value of each property animating opts: Object The animation options originalProps: Object T
jQuery.stopのjumpToEnd引数が便利すぎてやばい（JavaScript Advent Calendar 2010 5日目） - KAYAC engineers' blog
JavaScript Advent Calendar 20105日目のago（@kyo_ago）です。 jQueryのソースを眺めててjQuery.stopに引数があることに気づいたので調べてみました。 まず、簡単なスライドダウンメニューを作ってみたいと思います。 jQuery.stop 1 - jsdo.it - share JavaScript, HTML5 and CSS JS部分は以下の通りです。 $(function () { $('div').hover(function () { $(this).find('ul').slideDown(); }, function () { $(this).find('ul').slideUp(); }); }); 少し触ると分かると思いますが、マウスがmenuから外れた後も何度も.slideDown、.slideUpが実行されるため非常に
H5-大
Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.
An explanation of the CSS animation on Apple's iPhone 4S webpage
An explanation of the CSS animation on Apple's iPhone 4S webpage October 25, 2011 The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At
A Quick Look Into The Math Of Animations With JavaScript — Smashing Magazine
Christian Heilmann brings us a quick introduction to using exponentials and sine waves and to plotting things on a circle. Have a go with the code, and play with the numbers. It is amazing how many cool effects you can create with a few changes to the radius or by multiplying the angles! In school, I hated math. It was a dire, dry and boring thing with stuffy old books and very theoretical problem
The Guide To CSS Animation: Principles and Examples — Smashing Magazine
In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages. With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Rega
［CEDEC 2011］リアルな動きを無限に作り出す，機械学習＆データ駆動によるプロシージャルアニメーションの試み
［CEDEC 2011］リアルな動きを無限に作り出す，機械学習＆データ駆動によるプロシージャルアニメーションの試み 編集部：aueki スクウェア・エニックス テクノロジー推進部リードリサーチャー 向井智彦氏 今回のCEDEC 2011で，ちょっと目立ったテーマとして挙げられるのが「プロシージャルアニメーション」だ。これは，アニメーションのモーションを自動生成してやろうという試みを意味する単語なのだが，3日間で独立にいくつかのセッションが行われていた。業界的にはちょっと熱い分野なのかもしれない。今回は，そんな中から，初日に行われたスクウェア・エニックスの向井智彦氏による「データに学ぶプロシージャルアニメーション 〜データ駆動型技術の実用化に向けた試み〜」について紹介してみたい。 プロシージャルという言葉は，最近ではゲーム業界でもよく耳にするようになってきているのだが，その多くはプロシージャ
requestAnimationFrame for smart animating - Paul Irish
If you’ve never written code to animate inside the browser, you can stop reading :) What is requestAnimationFrame? In your animation work, you’ve used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, “hey, why don’t we just give you an API for that, because we can probably optimize some things for you.” So it’s basic API for use with animation, whethe
jQuery Animations with automatic CSS3 transitions when possible
jquery.animate-enhanced plugin Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+ Properties supported: (more to come) left/right : using translate(x, y) or translate3d(x, y, z) top/bottom : using translate(x, y) or translate3d(x, y, z) opacity width height New features in v1.0: Animation 'queue' support (including
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gnarf/jquery-requestAnimationFrame: Replaces the standard jQuery timer loop with requestAnimationFrame where supported. Requires jQuery 1.8
WordPress › Error
#9384 (jQuery.fx.interval should be replaced by an 'animation-tick' throttling feature.) - jQuery - Bug Tracker
カムとシャッター
供述によるとこの自称冒険者は（移転）
世界最大・最小のストップモーション動画
Ceaser - CSS Easing Animation Tool - Matthew Lein