[B! Animation][3D] daabtkのブックマーク

daabtk id:daabtk

Animationと3Dに関するdaabtkのブックマーク (10)

高機能なモーション制作用JSライブラリGSAP/TweenMaxを使ったタイムリマップ表現 | ICS MEDIA
皆さんはHTMLでモーションを作るときにどのトゥイーンライブラリを使用していますか？ GSAP︵グリーン・ソック・アニメーション・プラットフォーム︶は、Flash全盛時代から存在する歴史あるトゥイーンライブラリです。 GSAPはCSS/HTML Canvas/WebGLなどさまざまなアニメーション作成に利用できます。類似トゥイーンライブラリよりも高機能であり、かつ実行パフォーマンスも優れているのが魅力的です。GSAPの詳しい使い方は次の記事で解説しているので、使い方を知りたい方は以下の記事から参照ください。 GSAP入門︵前編︶ - 基本的な使い方 GSAP入門︵後編︶ - タイムライン機能などこの記事では、GSAPのタイムスケールという機能を中心に解説します。作成したモーションデモを紹介今回はGSAPの機能の1つ﹁タイムスケール﹂を使って、3Dの表現を試してみました。まずは次の2つ
daabtk 2017/09/27
animate

three.js

()

canvas

3D

animation

HTML5

tweenmax

javascript

createjs
リンク
【Unity】Cubeを跳ねさせる - テラシュールブログ
今回は小ネタというか、やってみたと言うか…豆腐を跳ねさせるという内容です。 Cubeだって跳ねるとりあえず、跳ぶ！カーブを付ける豆腐はフルフルする関連 Cubeだって跳ねるゲームの仮素材ランキングがあるとしたら、多分ブッチギリで人気No1はCubeでしょう。かのスプラトゥーンですらプロトタイプはCubeだったと聞きます。つまりCubeには無限の可能性があります。ならば、Cubeは跳ねる事が可能なハズです。とりあえず、跳ぶ！とりあえずアニメーションでCubeを跳ねさせてみます。初期値点から一定時間で最高高度へ、そして一定時間で初期値点へ。リニアな移動です。か、硬い…！跳ねてると言うより、上から吊るして持ち上げてると言った方がシックリくるレベルの動きです。カーブを付ける跳ねる動きを考えてみます。基本的にジャンプする瞬間は最高速度で上へ移動し、段々と重力に引かれて減速
daabtk 2017/08/01
Unity

3D

animation

unity

CUBE
リンク
Live2D、イラストをそのままのタッチで動かす「Cubism 3」「Euclid 1」を正式リリース
daabtk 2017/04/28
イラスト

2D

3D

Animation

あとで読む
リンク
uGUIのテキストエフェクトを作ってみたりした - Onoty3D
Unity Fukuoka 12に参加して、前回に引き続き登壇しました。 atnd.org 前回はShaderネタでしたが、今回はuGUIのテキストエフェクトネタ。とりあえずやってみて覚えたことを発表してみました。スライド内にAnimation GIFを盛り込んだため、SlideShare上で再生してもそこは動きません。ちゃんと内容を見るにはダウンロードしたほうがいいかも…。uGUIのテキストエフェクトを作ってみたりした from onotchi_ www.slideshare.net 本スライドで紹介したTypeface Animatorはとっても便利なアセットで、コードもとてもお勉強になるので、是非興味がある方は購入してみてください。
daabtk 2016/11/21
Unity

ネタ

.NET

animation

3D
リンク
安定しないフレームレートに効果的！ WebGLのカクつき対策まとめ（Three.js編） - ICS MEDIA
ウェブコンテンツで3Dを扱える技術としてWebGLがあります。WebGLを利用すればブラウザ上で華やかな表現を実現できます。しかし、コンテンツの内容によっては処理負荷が高くなり、カクつきが生じる場合があります。カクつきはコンテンツの見栄えを損なわせ、作り手の想定とは異なる体験を与えてしまう可能性があります。そのような場合の対策として、本記事ではWebGLのカクつき解消方法をいくつか紹介します。解説用にカクつきの起こりやすい高負荷なデモを用意しました。本記事で紹介するカクつき解消方法はこのデモで実際に体験できるので、読み進めながら同時に触れておくとイメージがしやすいと思います。デモを別ウインドウで再生するソースコードを確認する ※このデモはThree.js(r141)とTypeScript 4.7とwebpack5で作成しました。開発環境の構築は記事﹁最新版TypeScript+We
daabtk 2016/07/11
WebGL

3D

3DCG

chrome

animation
リンク
Swiftで固いアルバムのようなアニメーションを作る - Qiita
iOSでのデフォルトのページビューはぺらぺらの紙のようなアニメーションですが、固いアニメーションをつくる方法を紹介しますまずはデモつくり方基本的には、CATransf orm3DRotateを使ってLayerを回転させていきます座標空間は図のようになっているため、今回はy軸を中心に回転させます view.layer.transf orm = CATransf orm3DRotate(transf orm2, CGFloat(M_PI), 0, 1, 0) このままだと、下図のようにViewの中心で回転してしまい、片開きの本に見えなくなってしまいます左端を中心に回転させるには view.layer.anchorPoint = CGPoint(x:0, y:0.5) を設定します。この設定を入れると、水平方向にViewの幅の1/2分右にずれて表示されるため、X軸にCATransf orm3DT
daabtk 2016/06/01
animation

3D

インタレスト

アニメ

Swift
リンク
脱「CGくさい」動き！　神央薬品が教える違和感を取り除くためのアニメーション基本技術
2015/12/02 脱﹁CGくさい﹂動き！　神央薬品が教える違和感を取り除くためのアニメーション基本技術 CG アニメーターに求められる役割は、本来の動きを付けることに加えてカメラまわりや演出的な部分など、非常に多岐にわたります。これらの複合的な要素を、ひとつのアニメーションとして求められるクオリティで実現するには、やはり基本的な技術を積み重ねることが重要です。それらについて作例を基に解説していきます。﹇Profile﹈ノブタコウイチ神央薬品代表取締役／CGプロデューサー／ディレクター。20代後半まで自動車工場にて工員として勤務。フォークリフト免許あり。パソコン好きから一念発起してTVアニメシリーズでCG アニメーターとしてデビュー、その後に数々のCM、映画、ゲーム作品に参加し、2012年に独立。現在はCGプロデューサー兼ディレクターとして多方面で活躍中。呑んべぇJAPAN代表、VES
daabtk 2015/12/07
3dcg

art

animation

3D

CG
リンク
Unity不定期便
﹁前編﹂からの続きです。まだ、前編を見ていない方はコチラをチェック！﹁Unityの2Dゲームで﹁当たり判定﹂の基本を30分で理解するコツ！(前編)﹂続きを読む Unityによる2Dゲームを試作している時に、﹁当たり判定﹂について…基本的な内容をいろいろ調べたので、その結果をログ代わりにまとめておきます。ちょっと…ボリュームがあるので﹁前編﹂﹁後編﹂に分けてます。ご興味ある方は、参考にどうぞ！続きを読むどうもです。 Unityの2D機能を使って、横スクロールのアクションゲームを作ろうと思い、キャラクターを﹁ジャンプ﹂させようとしていろいろ悩んだ点をメモ代わりに残しておきます。続きを読む
daabtk 2014/03/25
3D

animation
リンク
himarin.net - himarin リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
daabtk 2014/02/10
id

MyInterest

2ch

3D

ネタ

アニメ

animation

けいおん！

画像

面白
リンク
アニメ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
daabtk 2014/02/08
gif

3D

Google+

Facebookページ

MyInterest

animation

これはすごい

アニメ

gifアニメ

心理
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx