『ウマ娘』ゲーム制作&動画配信事例公開！モーションキャプチャーチームが実現するキャラクターのリアルな動き | Cygames Magazine（サイマガ）

2022/10/03 6 users サイマガ サイゲームズ プリティーダービー クオリティー 動作

ゲーム『ウマ娘 プリティーダービー（以下、ウマ娘）』には、ダンスから指一本の動作に至るまで、まるで生きているような3Dアニメーションがふんだんに盛り込まれています。クオリティーに妥協せず、最高のコンテンツを制作するため、サイゲームスではモーションキャプチャー収録に特化した組織を設置して自社スタジオに... 続きを読む

『ウマ娘』ゲーム内映像のコンテづくり | Cygames Magazine（サイマガ）

2022/04/27 14 users サイマガ Cygames Magazine 随所 ウマ娘 こん

『ウマ娘』制作事例公開！キャラクターの魅力を引き出すゲーム内映像のコンテづくり ゲーム『ウマ娘 プリティーダービー（以下、ウマ娘）』には、TVアニメさながらの本格的な3Dアニメーションが随所に盛り込まれています。クオリティーに妥協せず、最高のコンテンツを制作するために『ウマ娘』ではプロジェクト内にコン... 続きを読む

Vanta.jsで3Dアニメーションを手軽に実装！

2022/01/25 7 users ライブラリ 実装 JavaScriptライブラリ 完成 動画派

2022年1月25日 JavaScript, jsjs 3Dアニメーションが手軽に実装できるVanta.jsというJavaScriptのライブラリがあります。Webサイト上で色や表示方法をカスタマイズして、コピペするだけで完成です。今回はこのJavaScriptライブラリを紹介します！ この記事は動画でも紹介しています。動画派の方はこちらをどうぞ！ 鳥を... 続きを読む

【3D東方】 Eternal Night - part 1

2022/01/22 10 users Part 1 mylist YouTube Blender

Blenderで霊夢と魔理沙の3Dアニメーションを作ってみました。この動画は東方Projectの二次創作です。YouTube：https://youtu.be/430ejbSn-5kマイリスト：mylist/29100953 * 「Eternal Night - part 1 & 0」の高画質版とメイキング → BOOTHで頒布予定です** BGM : Crossfire ComplexArrange : シイナフユキ/Fuyuki Se... 続きを読む

F1：ロマン・グロージャンの大クラッシュを3Dアニメーションで再現 【 F1-Gate.com 】

2021/03/21 9 users F1-Gate.com ロマン・グロージャン 再現 ダニール

2020年のF1バーレーンGPでのロマン・グロージャンの大クラッシュを3Dアニメーションで再現した映像が公開された。 Canal＋が制作を依頼したこの3Dアニメーションでは、ロマン・グロージャンのクラッシュがあらゆる角度から忠実に再現されている。 ロマン・グロージャンは、スタート直後にダニール・クビアトと接触。時速... 続きを読む

古代都市ポンペイが迎えた運命の日。ヴェスヴィオ火山が噴火したその瞬間の様子を再現した迫力の3Dアニメーション : カラパイア

2018/07/16 20 users カラパイア 古代都市ポンペイ 火砕流 迫力 ポンペイ

image credit:YouTube 西暦79年8月24日の昼過ぎ、イタリアのヴェスヴィオ山の大噴火により「死の灰」に飲み込まれた古代都市、ポンペイ(関連記事)。 当時1万2000人が暮らしていたが、時速100km以上という猛スピードの火砕流に襲われて一瞬で生き埋めとなった。 今となっては当時の様子を正確に知る術はないが、ある程度... 続きを読む

Xperia「3Dクリエーター」と連携　DMM.comがフィギュア作成サービスを開始 - ITmedia Mobile

2017/11/10 11 users DMM.make アバター Xperia DMM.com 人物

DMM.comは、11月10日にXperia向けアプリ「3Dクリエーター」でスキャンした3Dデータを使ったフィギュア作成サービスを提供開始した。 3Dクリエーターは、独自技術で人物・物などを180度～360度で3Dスキャンできるアプリ。アバターを作ってARで遊ぶ、3DアニメーションをSNSでシェアするといったことができる。 これよりDMM.makeの「誰でもカンタン オリジナルフィギュア作成サービ... 続きを読む

CSSがこんなに進化してるとは！18才の少年がつくった3Dアニメーションのライブラリがすごすぎる -voxel.css | コリス

2016/01/29 240 users CSSアニメーション コリス 進化 高校 CSS

CSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です！ 高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。 voxel.css voxel.css - ...記事の続きを読む 続きを読む

「だから、3Dアニメーションの何がやりたいの？」アメリカで学ぶ日本人アーティストが選んだ道

2015/04/19 328 users アメリカ 日本人アーティスト スーツ ころ 両親

アメリカの大学に留学し、3Dアーティストを目指すーー日本の高校を卒業されたとのことですが、なぜアメリカの大学に進学しようと思われたのですか？ 小学生のころから、「このまま大人になったら、毎日朝早く起きて、スーツを着て、夜遅くまで働かないといけないのか？」という疑問が私にはあって、ある日、将来について両親に真剣に相名前：上田真子(うえだ まこ)さん 出身大学：アカデミーオブアート　アニメーション科 ... 続きを読む

ゲーム開発初心者のためのUnity入門（4）：Unityで3Dアニメーションを作成・再生するための基本 (1/3) - ＠IT

2014/11/20 43 users Unity Unity入門 Effects アニメーション

Unity 4.5で3Dゲームを作るまでのいろいろな処理を解説する連載。今回は、3Dアニメーションの基本的な作り方や、実践例として地球の周りを月が回るアニメーションの作り方、Effectsの掛け方などをサンプル動画を交えて紹介する。 連載目次 Unity 4.5で3Dゲームを作るまでのいろいろな処理を解説する本連載。前回の「Unity Asset Storeの基本的な使い方と無料の人物3Dモデルの... 続きを読む

Oculus Riftの仮想空間でプログラミングしてリアルタイムで3Dアニメーションを作成 - GIGAZINE

2014/10/06 47 users GIGAZINE YouTube Oculus Rift

没入型3Dヘッドアップディスプレイの「Oculus Rift」向けに、JavaScriptライブラリーのthree.jsを使い仮想空間内で3Dアニメーションをリアルタイムで作成可能なライブコーディングWebアプリが開発されました。開発者のBrian Peirisさんは、実際にアプリを使って仮想空間内で3Dアニメーションを作成している様子をYouTubeに公開しています。 Live coding i... 続きを読む

リアルタイムで表情を読み取って3Dアニメをグリグリ動かすムービー - GIGAZINE

2014/08/13 19 users GIGAZINE SIGGRAPH ムービー リアルタイム

リアルタイムトラッキング技術は日々進歩を続けており、ユーザーの手や指の動きを検知してPCを操作できるLeap Motionや、人間の表情をリアルタイムでトラッキングして2次元のキャラクターになりきるムービーなども続々と登場しています。CG技術の国際会議「SIGGRAPH(シーグラフ) 2014」では、カメラに写った人間の輪郭・目線・向き・表情などを、リアルタイムで読み取って3Dアニメーションの顔を... 続きを読む

CSS3の3Dアニメーションで何ができるかがよく分かるスライド | IDEA*IDEA

2013/12/19 67 users IDEA スライド CSS3

これ、一読しておくべきではないですかね。とってもわかりやすいです。 ↑ 矢印キーで操作します。 ↑ いろいろわかりやすいです。 ↑ これもdivで表現。 CSS3まわりのイメージをつかむのにいいですね。 » Unfolding the Box Model: Exploring CSS 3D Transforms 続きを読む

ピクサーのアニメーターが教えてくれた創造性に関する8つの大切なこと : ライフハッカー［日本版］

2013/09/23 132 users アニメーター ピクサー ジャスティン クロエ 原文著者

アイデア , モチベーション , 仕事がはかどる , 仕事術 , 生産性向上 ピクサーのアニメーターが教えてくれた創造性に関する8つの大切なこと 2013.09.23 20:00 創造性を発揮している人々の仕事現場に実際に触れてみると、予想もしていなかった気付きを得られることがあります。 （原文著者の）息子のジャスティンは3Dアニメーションに興味があり、娘のクロエは脚本づくりに興味を持っていました... 続きを読む

ギザの大ピラミッド建造の謎に迫る。3Dアニメーションで見る「ピラミッド」建造新理論 : カラパイア

2013/03/07 20 users ギザ カラパイア ピラミッド ウーダン ヘロドトス

フランス、パリを拠点として活動しているフリーの建築家、ジャン・ピエール・ウーダンは、父親と共に、「エジプトのピラミッドはどのようにして造られたのか？」という古代からの謎に挑んだ。 何世紀もの間、様々な仮説が立てられてきた。紀元前450年頃にエジプトを訪れたヘロドトスは、いくつかの"装置"を用いられたものだと推測した。他にも、作業の中心となるスロープ(傾斜路)を造ったという考えもあった。そして未だに... 続きを読む

Pixar社製。実際に使われている3Dレンダリング技術をオープンソース化「OpenSubdiv」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/08/25 113 users MOONGIFT Pixar レンダリング ITエンジニア

世界最高峰の3Dアニメーションを創り出す企業と言えばPixarです。現在はディズニー傘下となっているPixarがリリースしたソフトウェアがOpenSubdivになります。オープンソースのSubdivision surface技術実装であり、リアルタイムに3Dオブジェクトのレンダリングを行うソフトウェアです。 0 続きを読む

角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ | OZPAの表4

2012/06/14 607 users ドロップシャドウ OZPA グラデーション アニメーション

html5-css3-orange-logos / Nelson Felix Giga どうも！おつぱ（ @OZPA ）です！ 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介！ ｳｵｱｱｱｱｱｱｱｱ さて、CSS3対応ブラウザも増え、角丸、ドロップシャ... 続きを読む

JavaScriptなし!! CSSだけで実現する3Dアニメーション | HTML5GOGO

2011/10/14 96 users CSS JavaScript

CSS3のアニメーションサンプルで、立方体を扱ったものは数あれど、それ以上の多面体のサンプルが見当たらなかったので、倍の12面体を作りました。 イメージ 概要 今回はそのサンプルを題材に、CSS3で新たに追加されたアニメーション系のプロパティをご紹介します。 ※今回ご紹介するプロパティは、執筆時点では全て要ベンダープレフィックスです。 ※対応ブラウザ：Chrome 12～, Safari 5～ M... 続きを読む

3Dアニメーションを簡単に作るためのライブラリ『Sprite3D.js』 | IDEA*IDEA

2011/08/08 58 users IDEA JSライブラリ CSS ドキュメント ライブラリ

これはちょいとメモしておこう・・・。3Dアニメーションを作るためのJSライブラリですよ。座標の指定や取得なんかを簡単にできるようですね。 なお、CSSのTransform命令を使っているので対応ブラウザはモダンなものだけですよっと。 ↑ こういうのがグリグリ動きます。 ↑ ゲームっぽい画面もできるようですね。 ドキュメントも充実しているようですし、使いやすいそうですね。覚えておいて損はなさそうです... 続きを読む

MikuMikuDanceをMacで動かす『MMDAI』 | Macの手書き説明書

2011/05/14 35 users MikuMikuDance GitHub Mac 初音ミク

ついにこの日が来るとは！ 初音ミクなどのモデルを動かした3Dアニメーションを作ることができるMikuMikuDanceを様々なプラットフォームで動かせるようにするプロジェクトが「MMDAI」です。 GitHubでソースが公開されており、さらにMacでも動かせるようにQt(キュート)でビルドされたものが作者さんのブログで公開されています。 MikuMikuDanceの動画は好きでよく見ているのですが... 続きを読む

CSSだけで出来た3Dアニメーションが凄すぎる | デジタルマガジン

2011/03/30 12 users CSS デジタルマガジン transforms Flash

Webデザインを支える次世代技術、CSS3。そのCSS3を使ったすごすぎる3Dアニメーションが話題になっています。Spinning spiraling cube using CSS3 3D animation and 3D transforms.ページにアクセスすると、FlashやJavaScriptなどを使わずにCSS3だけで作られた3Dアニメーションが再生されます。枠を飛び越えウィンドウいっぱ... 続きを読む

[N] 「iPhoneで見るとヤバい」CSS3の3Dアニメーションのデモ

2011/03/29 23 users iPhone Safa Mac デモ リツイート

「iPhoneで見るとヤバい」「iPhone持ってる人は是非！」というリツイートがやってきて、見たら確かにヤバいと思ったCSS3の"3D animation"と"3D transforms"のデモです。▼Rotating color cube box with CSS3 animation, transforms and gradientsもちろん、パソコンでも見られるのですよ。MacでもSafa... 続きを読む

暇人＼(＾o＾)／速報 : 【動画あり】神フリー３Dソフト、MMDがついにモーションキャプチャー対応！ - ライブドアブログ

2010/12/19 319 users ライブドアブログ MMD ゲームデバイス Kinect 速報

【動画あり】神フリー３Dソフト、MMDがついにモーションキャプチャー対応！ 1： 味噌スープ(千葉県)：2010/12/20(月) 00:39:02.36 ID:UQtHqzmYP ゲームデバイスとして発売されたものの、一部のファンによって別の用途で大活躍しているXbox360のKinect（キネクト）。 今回はハックしたKinectを利用して、3Dアニメーションソフト「MikuMikuDance... 続きを読む

jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌

2007/05/28 195 users phpspot開発日誌 オートコンプリート スライダー ほか

Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキスト... 続きを読む