タグ

関連タグで絞り込む (3)

タグの絞り込みを解除

シェーダーに関するqinglongのブックマーク (7)

  • 【Unity , shader】原神の海を再現したい - Qiita

    BGMが良いと話題になってた原神を最近やってみたのですが、グラフィックすごい感動したので作りたくなった これがスタート地点の海なんですが、もうすごい 海、メチャクチャ良いな～となって、海のシェーダを書いてみました。 できたものがこちら きれいな海ができました！ 追記:シェーダのコードはこちらになります https://github.com/Uynet/Gensin-Sea/blob/main/Assets/Scenes/sea.shader 今回はこちらの作り方を紹介します。それでは.... えいっ まず適当に2枚の板を交差させました。これが海と浜になります。 深度値によるグラデーション 浅瀬から沖にかけてのエメラルドグリーンのグラデーションが非常によいですね。 見た感じ水の層の厚さで色が変化しているように見えます。 カメラから見た海と浜の深度値の差を取り深さを計算してみます。 d1はCo

    【Unity , shader】原神の海を再現したい - Qiita

  • 魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita


    とりあえずこの映像を見てください。 昨日の勉強会の懇親会中に20分間のライブコーディングでシェーダーを作りました！ 初めて人前でコーディングをしたんですが、めちゃくちゃ楽しかったです！！ ︵当日動かなかったpmod修正済です...︶ 差分 - q.x = abs(p.x ) - 10.; + q.x = abs(q.x ) - 10.;https://t.co/LH3TT4YzSU#klab_meetup pic.twitter.com/k61c3O2ZA1 — かねた (@kanetaaaaa) 2019年6月19日20分間のライブコーディング映像フル 先日の #klab_meetup の懇親会で行った20分のライブコーディング映像を公開しました！ 実況解説は@gam0022 さんと@songofsaya_さんです 突発ながら面白い実況で場を盛り上げてくださって非常に楽しかったです！
    魔法使いになりたい人のためのシェーダーライブコーディング入門 - Qiita

  • プログラミング初心者からthree.jsに慣れるまで｜misaki nakano


    こんにちは。 私は現在クリエイティブディベロッパーという、フロントエンド＋WebGL 実装する仕事を2年半ほどやっています。1年半東京の会社で働いたあと半年間フリーランスをして、その後アムステルダムの会社に入社して現在8ヶ月経ちます。 three.jsで絵を作るのが好きで、仕事でもプライベートでもこんなかんじのものを作っています。ほとんどtwitterにあげてるので、興味がある方はぜひ見てみてください。 最近ツイッターのDMでどうやってthree.jsを勉強すればいいかアドバイスが欲しいというのをもらうことが多くなってきたんですが、この質問に答えるのは難しいなと感じています。 人によって得意不得意があるし、始めようと思った時点でどのくらいプログラミングや数学に精通しているか人それぞれすぎて、これがベストな勉強法！これをやれば誰でも大丈夫とは言えないです。 この記事では、私が初心者レベルか
    プログラミング初心者からthree.jsに慣れるまで｜misaki nakano

  • 7日間でマスターするUnityシェーダ入門 - おもちゃラボ


    この記事は、これまでにおもちゃラボで紹介してきたUnityのシェーダ入門記事40本のまとめです。1日に5記事読めば7日間で読み切れるはず...今のところ︵笑︶ シェーダって時々聞くけど難しそう・・・というイメージをお持ちの方も多いと思います。でも、Unityを使えばかなりのメンドウな部分はUnityにおまかせできちゃうので、本当に必要な部分のシェーダを書くだけでイメージ通りの絵作りができるようになります。 使用するシェーダ Unityで使えるシェーダにはsurfaceシェーダと頂点／フラグメントシェーダの2種類があります。ここではこの2つのシェーダの他、ライティング・ポストエフェクトの内容も解説しています。それぞれの各記事へのリンクを下にまとめておきます。また、Unity2018からはノードベースでシェーダを作成できるShader Graphという機能も提供されるようになりました。これか
    7日間でマスターするUnityシェーダ入門 - おもちゃラボ

  • ビルトインのシェーダー include ファイル - Unity マニュアル

    Unity には、定義済みの変数やヘルパー関数を呼び出すために シェーダプログラム で使用できるいくつかのファイルが含まれています。これは以下のような標準的な #include ディレクティブで行われています。 CGPROGRAM // ... #include "UnityCG.cginc" // ... ENDCG Unity のシェーダー include ファイルは .cginc 拡張子がつけられていて、以下が含まれています。 HLSLSupport.cginc - ヘルパーマクロやクロスプラットフォームのシェーダーコンパイルの定義 (自動的に含まれます)。 UnityShaderVariables.cginc - 一般的に使用されるグローバル変数 (自動的に含まれます)。 UnityCG.cginc - 一般的に使用される ヘルパー関数。 AutoLight.cginc - ライテ

    ビルトインのシェーダー include ファイル - Unity マニュアル

  • [Unity] シェーダを書く準備 - Qiita


    どうやらUnityではやや特殊な仕組みがあるらしい。 それがShaderLabと呼ばれるもの。 これらの知識はこちらの記事を参考にしました。 Unityで使えるシェーダの種類 WebGL︵やOpenGL︶などではシェーダを書き、頂点データやマトリクスなどはメインの言語で生成し、それをシェーダに送る、という仕組みで動作しています。 当然、固定パイプラインでなければライティングなど様々な表現を自分で書く必要があります。 しかしUnityの場合は、この ShaderLab が色々とめんどくさいところをやってくれているよう。 Unityで書けるシェーダにはいくつか種類があり、 Fixed Function Shaders︵固定機能シェーダ︶ Surface Shaders︵サーフェイスシェーダ︶ Vertex and Fragment Shaders︵頂点・フラグメントシェーダ︶ の3つ。 上から
    [Unity] シェーダを書く準備 - Qiita

  • Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips


    はじめに 近年の GPU の進化に伴い 3D 周りの表現力がとても豊かになりました。そしてこの多彩な表現を可能としているのはシェーダによるところが大きく、シェーダを理解して書くことが出来ると、表現できることの幅がとても広がります。 Unity では素晴らしいことにシェーダを強力にサポートしていて、多様なデフォルトのシェーダに加え、カスタムシェーダを簡単に作るための土台が用意されています。しかしながら、パッとリファレンスや色々なサイトを見ただけでは、何がどうなっていて何をどうすれば良いのかなかなか分からないところがあります。 そこで、これから始める人の参考になればと思い、勉強しながら理解したことをまとめておこうと思います。調べながら書いているので、間違いなども多々あると思いますが、見つけた際はコメントや Twitter などでご指摘いただけると嬉しいです。 シェーダで色々出来る例 Unity
    Unity のシェーダの基礎を勉強してみたのでやる気出してまとめてみた - 凹みTips
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.