is a totally awesome idea still being worked on. Check back later.
is a totally awesome idea still being worked on. Check back later.
Deadspin Kevin Durant Is Absurd | The Grapevine CNN Fires Marc Lamont Hill After Israel Comments | The A.V. Club Scott Pilgrim is more zero than superhero, but his movie is still a zippy comic-to-screen delight | Jezebel Of Course Thrillist Knew About The Burger Guy’s Domestic Violence Conviction | Splinter And Now a…
ちょっと3Dグラフィックスやってみようかと思って、もしかしたら座標変換のライブラリはないかとドキュメントを見ていたら、Core Animationの関数を使ってアフィン変換・透視変換とかできる上に、そのまま描画もできるらしいということが分かった。 Core Animationプログラミングガイド: レイヤジオメトリと変換 Core Animationプログラミングガイド: Core Animationレイヤの配置 やってみた結論としては、がっつり3DやるならやっぱりOpenGLとか使った方が良いと思う。けど、簡単な図形や画像をちょっと俯瞰っぽく見せたい、ぐらいなら使えるかも。 ちなみにOSバージョンはSnow Leopard(10.6.6)です。 追記: これで立体迷路アプリ作ってみた 準備1. CocoaのクラスにCALayerを貼付ける とりあえず適当なサイズのウィンドウを表示させてC
こんにちは。きんくまです。 iOSのグラフィックス関係はすごく大きくて、最初はどこから手をつけていいのかわかりませんでした。 そんで、概要みたいのが合った方が、理解が早いと思い、私のおおざっぱな理解をメモしておきます。 グラフィックスには、大きく2つの要素があります。 描画の方法と、描画される入れ物です。 描画について 大きく分けて、2つです。 Quartz 2D APIとOpenGL ES。 Quartz 2D APIはCore Graphics frameworkの一部です。 メソッドの頭文字にCGとつくものがそれだったりします。 OpenGL ESはAppleとは別のところで決めているものです。 今回はQuarz 2Dについてもう少し書きます。 Quarz 2DにはGraphics Contextというのがあります。 グラフィックスの文脈なんですが、これって何なのでしょう? これは、
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
ベトナムで開発を始めてはや4ヶ月目、田中です。 iOS7から追加されたUIViewControllerAnimatedTransitioningとUIViewControllerTransitioningDelegateの2つのプロトコルを使用して画面遷移のアニメーションをカスタムする方法を紹介します。 このようにいつものスライドして遷移するのではなく、好きなアニメーションで画面を遷移させることができます。 ViewController.m #import "ViewController.h" #import "AnimationController.h" @interface ViewController () <UIViewControllerTransitioningDelegate, UINavigationControllerDelegate> { AnimationContro
This post is about making your web page perform better using a real world example. As you know, we recently launched a very cool animated comic on A/B Testing. It is scroll animation describing what is A/B testing. I'll talk about it as an example and walk you through its performance issues, how we debugged them and finally what we did to extract 60 FPS out of it. The process we see in following t
「もし君が、iPhoneのプログラミングをやってるんなら、UIViewに詳しいよね。ボタンとか、テキストとか、スライダーとか、Webビューとか、UIviewのサブクラスなら、何でも来いなんだろ?」、、、えっ?うっ、うん。 でも、実はUIViewのテクノロジーが実はCALayerから来てたって知ってましたか?少なくとも、僕は知りませんでした、はい。結構長い間、、、orz “CALayer”について少し知っておく事は、決して無駄ではありません。だって、カッコいいビジュアル•エフェクトが簡単に作れてしまうんですから。ついでに、”Core Animation”の事を掘り下げて勉強しておくのもすごくいい事なんです。まぁ、でも”Core Animation”については、また別の機会に。 このチュートリアルでは、”CALayer”の基本を学ぶ事によって、”layer”なる物を作っていったいそれがどういう
はじめに iOS SDK登場から早4年近くが経ち、使い回しの効くUIコンポーネントや、煩雑な手順を楽にするスクリプト、自作するには難易度の高い技術をライブラリ化したものなどなど、今では多くの便利なオープンソースソフトウェアが公開されています。 本連載ではそんなオープンソースソフトウェアの中で、有用かつあまり日本語での情報が少ないものを中心にご紹介していく予定です。具体的な使用方法や、ソースの内容にも踏み込んで解説していきますので、ぜひ皆様の日々の開発にお役に立ていただければ幸いです。 トゥイーンライブラリを使用するメリット UIViewのアニメーションで指定できるイージングの種類は、 UIViewAnimationOptionCurveEaseInOut UIViewAnimationOptionCurveEaseIn UIViewAnimationOptionCurveEaseOut U
UIViewにはアニメーション関連メソッドが用意されているので、お手軽にアニメーションを実行することができます。ボタン、ラベル、画像などは全てUIViewを継承しているので基本的に全て同じ方法で実行可能です。 まずはUIViewの初期化メソッドでUIButtonを生成してViewに追加しておきます。このボタンが押されると@selector()で指定してあるメソッドが呼ばれるので、そこでアニメーションを実行します。 - (id)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { self.backgroundColor = [UIColor whiteColor]; // button UIButton *btn= [UIButton buttonWithType:UIButtonTypeRounde
easeInSine Math function easeInSine(x) { return 1 - Math.cos((x * Math.PI) / 2); } CSS transition: transform 0.5s cubic-bezier(0.12, 0, 0.39, 0) easeOutSine Math function easeOutSine(x) { return Math.sin((x * Math.PI) / 2); } CSS transition: transform 0.5s cubic-bezier(0.61, 1, 0.88, 1) easeInOutSine Math function easeInOutSine(x) { return -(Math.cos(Math.PI * x) - 1) / 2; } CSS transition: transf
こんにちは!布浦です。 最近「おミソわけ S」や、dotFesで展示したインスタレーション「minamo」の制作などで、 Unityばっかりやってます。 Unity4.3公開! 先日、Unityのバージョン4.3が公開されました。 Unity4.3では、2D周りの機能が大幅に強化されました。 今までのバージョンでも、2Dゲームがつくれなかったわけではないのですが、 Spriteを生成する機能などが追加されて、より便利になりました。 さらに、アニメーションのツールもアップデートされて、 コマアニメをタイムラインをつかってつくることもできます。 さっそく、2Dのキャラクターを操作するサンプルを、 クスールのキャラクター「ことり」を使ってつくってみました。 2つのコマアニメーション(「歩く」と「飛ぶ」)を切り替えて再生、 キャラクターの移動は2Dの物理エンジンをつかって実装しています。 動くサン
Description This script animates a texture containing tiles of an animation. You can give it a framerate to determine the speed of the animation and set how many tiles on x, y there are. Usage Attach this script to the object that has a material with the tiled texture. To avoid distortion, the proportions of the object must be the same as the proportions of each tile (eg 1:2 for the sheet below).
※この記事は2013年の記事を2018年6月に加筆修正したものです。three.jsの使用バージョンはr92です。 【前記事】 【WebGL特集】第1回:WebGLって何? 【WebGL特集】第2回:回転する立方体 【WebGL特集】第3回:カメラをグリグリ 【WebGL特集】第4回:Blenderでモデル出力 【WebGL特集】第5回:Blenderでアニメーション出力 ちょっと番外編です。前回まででBlednerからのキャラクターアニメーションのwebGL出力が実現しました。 では、Maya,3dsMaxなどの他の3DCGソフトではどうなるのでしょうか。 2013年頃では、アニメーションの出力には対応できていませんでした。しかし2018年の現在では制限があるものの、Maya,3dsMaxなどの他の3DCGソフトからのアニメーションの出力が可能になってきています。慣れたツールで直接出力で
WOW, that's deep man! parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don't have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. Radical. This project is a collaboration between Matthew Wagerfield & Claudio Guglieri.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く