ゲーム開発者以外も最低限知っておきたいUnityの基礎知識＆無料版Unityのインストールチュートリアルと画面構成
Unityは無料のPersonal版と有料のPlus版とPro版、Enterprise版がある。詳細については下記のURLを参照してほしい。 https://store.unity.com/ja なお本連載では、無料のPersonal版を使用するが、Unity 4では、Professional版でしか使えなかった機能が、5.4では無料のPersonal版で全て使用可能となっている。 アセットストアで素材を入手 アセットストアを展開しており、キャラクターモデル、プロップ、マテリアル、テクスチャ、背景ペイントツール、ゲーム制作ツール、オーディオエフェクト、音楽、ビジュアルプログラミングソリューション、スクリプト、エディタ機能拡張などを入手・購入できる。また、そこに下記のようなアセットを販売することも可能だ。 コミュニティーやエコシステムを形成。ゲーム以外の分野にも進出 日本を含む世界中で開発者
SCEがオープンソースのレベルエディターを公開、将来の即戦力を育成か | Game*Spark - 国内・海外ゲーム情報サイト
Sony Computer EntertainmentはApache License 2.0の下に無償で利用できるオープンソースのレベルエディターをGitHubにて公開しました。本レベルエディターは今年3月に同じくオープンソースで公開されたツールフレームワーク「Authoring Tools Framework」で構築されており、C#によるWYSIWYGインターフェースやデータ管理、DirectX 11による3Dレンダリング、複数人による同時使用への対応などを特色としています。 ユーザーが任意のゲームエンジン用のレベルを効率的に設計できるSCEのレベルエディター。ベースとなるAuthoring Tools FrameworkはNaughty Dogの『The Last of Us』、Guerrilla Gameの『Killzone: Shadow Fall』など、ビッグタイトルの開発にも利
米軍が4Dプリンタに投資する理由
てか4Dプリンタって何？ 米国陸軍研究所が、｢4Dプリンティング｣を研究する3つの大学に合計85万5000ドル（約8400万円）の補助金を出しました。軍の金銭感覚ではそんなに大きな金額じゃありませんが、このおかげで長年待望されてきた技術が前に進もうとしています。 4Dプリンティングは、｢4次元｣のわかりにくさのせいか、新しすぎるせいか、具体的に何なのかが理解しにくいです。でも｢4次元｣とはこの場合、簡単にいうと変化を意味します。つまり4Dプリンティングとは、形や性質を変えたり、場合によっては自律的に組み上がったりするものを作り出すようなプリント技術のことです。 だから軍が強い興味を持っているんです。米海軍が兵器やドローンの3Dプリンティングを実験していることは以前にもお伝えしました。ただ課題になっているのは、3Dプリンタ全般にも言えることですが、プリントしたパーツの組み立てをどうするかって
Photoshopのドロップシャドウの使い方をマスターするチュートリアル
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
5分でわかるCSSグラフィック
知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも
[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 Creating Depth in Web Design: 5 Design Tricks [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方法なものであっても、奥行きがリアリズムを与えます。グラフィックデザイン、ロゴ、ウェブデザインなどこういった付加的なリアリズムはあらゆるデザインにおいて、興味を引き起こすことができます。 また、奥行きを使うことで、特定のエレメントの強調をしたり、情報の正しい階層を作ることも可能です。フラッ
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
効果的に「奥行き」をデザインに与えているウェブサイトのまとめ
ウェブデザインにスパイスを効かせる一つの方法に、奥行きを与える、があります。フラットなデザインではなく、エレメントを使って奥行きを作り出します。 そんな奥行きを効果的にとりいれたウェブサイトを紹介します。
コミスタの知ってると便利な設定・サイト・講座まとめ【ComicStudio】 ｜ お絵かき速報！萌え絵上達法
今回は、デジタルで漫画を描くツール「ComicStudio」通称「コミスタ」の 便利なペン設定やおすすめのサイト・講座を紹介します。 【ペン設定】 2年目のコミスタペン入れ設定 デフォルトの丸ペン、Ｇペンはどうしても使いづらかったのですが、 この設定にしてからは、快適に描けるようになりました。 【小技】「汚い線が引けるペン」 アナログっぽい少し荒めの線が描けるペン設定 通称「乱れペン」 デジタル全般そうですが、線が滑らか過ぎて不満だという方におすすめです。 【pixiv講座】 コミスタ講座：トーンレイヤーを使いやすくする 文字通り、効率よくトーン貼りが出来るようになります。 コミスタ・トーン削りカスタムブラシ参考 綺麗にトーンを削る方法 SketchUpとコミスタ/イラスタを使った作画解説 GoogleSketchUpを使った講座。一度作ると使いまわせて便利です。 漫画メイキング アナログ
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
Beautiful Examples of 3D Elements in Web Design
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. 3D elements used in web design can mak
【無料】粘土感覚で3Dモデリング！高性能フリーソフト「Sculptris 1.0」のデモ動画
5月25日にリリースされた「粘土遊び感覚」で3Dグラフィックを作れるフリーソフト「Sculptris 1.0」のデモ動画・チュートリアル動画をご紹介。夢が広がりますね。 3Dモデリングソフト「Sculptris 1.0」の無料ダウンロードはこちらから。Sculptris Download ※補足：公式サイトにはWin32が必要云々と書かれておりますが、OSX上でも動かせるようです。 2011年09月19日現在、「Sculptris Alpha 6」までバージョンアップしており、Windows版とMac版の両方を無料でダウンロードできるようになっております。「Sculptris Alpha 6」の無料ダウンロードはこちらから。 次の2つがSculptris公式のデモ動画です。 [YouTube] Sculptris 1.0 After six months of intense one-ma
【アイドルマスター】３Ａ０７ ～Memories are here～
届け、届け、――私の、『ことば』 ＰＶ枠：七夕Pシナリオ枠：RAP デザイン枠：セバスチャンＰsm8872804シネ☆ＭＡＤオープニングシネ☆MAD3rdマイリスト mylist/12452757シネ☆MAD3rdＣＭ・公式系マイリスト mylist/15920479シネ☆MAD3rd公式webサイト http://cinemad3.com/三浦あずさ「-LOVE-」特典DVD 公開中！→sm9002273
動きまくりの3DCGムービーが簡単に作成できる「iClone 3」、専門知識ゼロでどこまでできるかがんばってみた
3DCGを動してバリバリに動きまくるアニメーションムービー作成に興味はあるが、そもそも3Dモデリング関連の専門知識がないため、手も足も出ないままでくやしい思いをしている人にちょうどいいのがこの3Dムービー作成ソフト「iClone 3」です。 あらかじめ用意された素材を並べ、動きを付ければそれだけで3DCGアニメーションが完成してしまいます。元素材も最初から付属しているものだけでなく、ネット上にあるGoogle 3Dギャラリーから検索し、付属ソフトの「3DXchange」を使用することでいくらでも無料でゲットできるため、非常にリーズナブルです。 というわけで、実際に専門知識ゼロでどこまでできるのか、どのようなものが作成可能なのか、がんばってみました。詳細と実際に作成したムービーの再生は以下から。 iClone 3 - 3Dムービー作成ソフト http://www.ah-soft.com/ic
せんとくん THE MOVIE
せんとくん THE MOVIE [アニメ] 高画質版アップしましたよsm7756742（／▽＼）見えすぎちゃって困っちゃう。折角なので高画質版の方...
[3D]ミクのいる風景～カメラ買ったので実写合成してみた・解説編
実写合成動画二つ目です。前回で興味持たれた方がいるようなので、ちょっとした解説動画作ってみました。ミクの歌はこちらのものを使わせてもらいました。ありがとうございました。sm1297612zoziのブログhttp://studiosleipnir.blog15.fc2.com/ツイッターも始めてみた。zozi009過去の作品mylist/11351151
![[3D]ミクのいる風景～カメラ買ったので実写合成してみた・解説編](https://cdn-ak-scissors.b.st-hatena.com/image/square/25eb29b16d931e5226ba1ddbf88fdcf40e8844a6/height=288;version=1;width=512/https%3A%2F%2Fnicovideo.cdn.nimg.jp%2Fthumbnails%2F6702725%2F6702725)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Best Website Themes and Web Templates Shop ☛ Templates.com
平面だけど立体感を出したWEBデザイン色々:phpspot開発日誌