エフェクト作成入門講座 Three.js編 RPGのセーブポイント風の魔法陣 - ICS MEDIA
昨今のWebサイトではWebGLを利用した3Dコンテンツをしばしば見かけるようになってきました。WebGLに対応した端末が普及してきていることや、Three.jsなどのライブラリが充実していることもあり、実案件での採用が現実的になってきているからです。 しかし、いざ3Dコンテンツを作ってみると、どこか味気のないものになってしまう事があります。そんな時はエフェクトの追加をオススメです。エフェクトを追加することで、コンテンツの見栄えが派手になったり、キャラやゲームの状態が伝わりやすくなります。今回エフェクトの例として、RPGのセーブポイントや回復ポイントで使用されそうなデモを制作してみました。 デモを別ウインドウで再生する ソースコードを見る ※このデモはThree.js r146とTypeScript 4.9によって書かれています。 本記事では、セーブポイント風なエフェクトの作成を通して、T
【Unity】SpriteMaskでSpriteにマスクを掛ける演出が色々と面白い - テラシュールブログ
Unity 2017.1より追加されたSpriteMaskの機能が意外と面白いので、少しメモします。 SpriteMask 操作方法 壁に穴を開ける Spriteの消滅演出をSpriteMaskで 実はパーティクルのマスクも出来る 関連 SpriteMask SpriteMaskはSpriteを利用してSpriteRendererにマスクをかける機能です。 画像をSpriteの形にくり抜いたり、逆にSpriteをくり抜いたり出来ます。 機能的には現状存在するSpriteに対してマスクを掛ける…程度の機能ではありますが、意外とコレは利用の幅が広そうです。 操作方法 使い方に関しては正直マニュアルが詳しいです。 docs.unity3d.com 壁に穴を開ける 壁に穴を空けてみます。これはUnityTipsに上がっていたものを自分なりに解釈したものです。 まず最初の状態がコレです。 Sprit
Unity トゥーン調エフェクト - Qiita
はじめに Unity5.5の標準Particle Systemを使ったトゥーン調エフェクトの話です。 Unityパーティクルが進化した Unity5.5からノーマルマップを使ったライティングが可能になりました。 左画像：ノーマルマップを使ってライティングしたパーティクル Toon Shaderパーティクルの作成 以前に紹介した3Dアニメ表現を応用しつつ、ライトの光源を利用したをトゥーンパーティクルを作ってみる。 Toon Shaderでアルファ抜き+ノーマルマップが出来るようにShaderを調整。 カラーはToonRampで調整していきます。 ToonRampの比率によってライトを当てた時の見え方が変わってくる。 ※全部同じライティングです カラーの割合と色味をこだわって調整すると良いです。 Image Effectsを付ける 最後にImage Effectsで発光と色調を整えて完成。 左
Unity トゥーンシェーディングを使った３Dアニメ表現 - Qiita
はじめに Unity5のトゥーンシェーディングを使った3Dアニメ表現（セルルック表現）の解説です。 左画像：変更前 右画像：変更後 Toon Shaderを使ってみる Assets > Import Package > Effects のアセットをインポートをします。 ToonShaderとImageEffectが使えるようになりますので、まずはToon/Lit Outlineを使いながらマテリアルの調整を行います。 ポイントは３つ。 ・影の付け方 ・テクスチャの単純化 ・色のバランス 影の設定 トゥーンシェーダーの設定を行う際に[ Toon Ramp ]の設定でシェーディングが大きく変わります。 こんな感じで変わります↓ 今回はセルアニメ風な雰囲気で作ろうと思いますので、左から2番目のタイプで調整していきます。 テクスチャの設定 シェーダーの変更だけでは まだセルアニメっぽくないのでテク
Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
