タグ

2014年12月26日のブックマーク (7件)

  • Unity 5 x WebGL について詳しく調べてみた - 凹みTips

    はじめに エントリは Unity Advent Calendar 2014 8日目の記事になります。 Unity 5 からは Build ターゲットに WebGL が追加されます。Unity 5 プリオーダ向けベータ版で現在試すことが出来ます。 Unity 2020.2b - Unity 今年の 3/18 に行われた GDC2014 で Unity 5 が発表されたタイミングで WebGL 対応が発表されました。日でも 4/7、8 で行われた Unite 2014 においても WebGL についての講演があり、その動画や講演資料を公式サイトから閲覧することが出来ます。 http://japan.unity3d.com/blog/press/unity5 http://japan.unity3d.com/unite/unite2014/schedule Unity と Web デプロイメ

    Unity 5 x WebGL について詳しく調べてみた - 凹みTips
  • 続:WebGLでベジェ曲線を描いてみた | SONICMOOV LAB

    12月になり、各所でアドベントカレンダーが始まっていますね。ソニックムーブのスタッフブログも25日まで毎日更新となります。 ソニックムーブ Advent Calendar 2014 開催です! 初日を担当します、フロントエンジニアのらくさんです。元々3日目を担当する予定だったので初日らしい内容というわけでもなく、WebGLでベジェ曲線を描いてみた の続きになります。前回、2次ベジェ曲線の断片ひとつをシェーダで描画することはできました。今回は、複数の2次ベジェ曲線で構成されるパスの内部を塗りつぶします。 ステンシルバッファを使って凹型ポリゴンを塗りつぶす 題に入る前に、ステンシルバッファを使って凹型ポリゴンを塗りつぶす方法を紹介します。次節では、これを2次ベジェ曲線のパスを塗りつぶすのに応用します。 上図左の凹型ポリゴンABCDEを塗りつぶす場合を考えます。まず、このポリゴン上の頂点のうち

    続:WebGLでベジェ曲線を描いてみた | SONICMOOV LAB
  • WebGLでリアルタイム画像処理 - Qiita

    #WebGLでリアルタイム画像処理 WebGL Advent Calender 1日目。 初投稿です、よろしくお願いします。 WebGLで画像処理やってみます。 今回施すのは以下のような画像の変換です。 セピア ネガポジ 色相の変更 https://dl.dropboxusercontent.com/u/27815754/movie_effect/image_effect.html WebGLは画像中の画素に対して並列演算を行うことに長けているので3Dだけでなくこういった応用ができます。 ソースコードはここに書き捨てていますので参考にしてみてください。 https://github.com/nyamadan/color_texture 仕組み 画素はR, G, Bの3成分を持ちます。 これをR', G', B'に変換します。 f(R, G, B) -> R', G', B' (あまり詳しく

    WebGLでリアルタイム画像処理 - Qiita
  • http://plus.appgiga.jp/masatolan/2014/11/28/54632/

    http://plus.appgiga.jp/masatolan/2014/11/28/54632/
  • 第四回 WebGLスクール 「行列とクォータニオンについて知る」 - Qiita

    wgld.orgの管理人であるdoxasさん主催のWebGLスクールの第四回目です。 今回は3Dプログラミングには欠かせない行列とクォータニオンについての講座でした。 前回の講座でも行列は使っていますが、今回からより深く行列について学びました。 前回までのまとめ 第一回 WebGLスクール 「WebGLの概念」 第二回 WebGLスクール 「WebGLの手続きと手順」 第三回 WebGLスクール 「シェーダの基礎」 行列とは?? 行列とは、同じ箱に数値が詰め込まれているような構造をしていて、たくさんの情報を保持することができる数学の概念です。 3Dプログラミングではとても重宝されていて、欠かせないもの。難しいというか面倒。 行列との向き合い方 3Dプログラミングにおいて行列は 座標の変換 が主な利用目的となる。 行列の計算方法を理解するのはとても大変なので、まずは、 行列を用いて座標を変換

    第四回 WebGLスクール 「行列とクォータニオンについて知る」 - Qiita
  • Three.js + Oimo.js で物理演算してみるテスト - CX's Hatena Blog

    WebGL アドベントカレンダーということで、今日は、3D 物理演算のライブラリ「Oimo.js」を紹介したいと思います。 以前、Three.js + Cannon.js でゴゴゴとドドドを物理演算してみるテストにて、少し紹介しましたが、有名どころの JavaScript の 3D 物理演算ライブラリとして ammo.js(Demo) Cannon.js(Demo) oimo.js(Demo) と、いったライブラリがあります。 それぞれ、一長一短な部分があるのですが、個人的には、Oimo.js がファイルサイズがコンパクトなのとパフォーマンス的に優れているのでオススメです。 なお、Oimo.js は、Saharan さんの ActionScript 3.0 版物理演ライブラリ「OimoPhysics」を lo-th さんが、JavaScript にコンバージョンしたものになります。 拙作で

    Three.js + Oimo.js で物理演算してみるテスト - CX's Hatena Blog
  • イラストレーター騒然! 「高品質なサラダの絵を一瞬で描けるブラシ」が話題に | ねとらぼ

    「すごい…」「こうやって世の中は便利になるんや!」――セルシスの創作活動支援サイト「CLIP」で、高品質なサラダの絵を一瞬で描けるブラシ素材が話題を呼んでいます。話題の発端となったCLIP STUDIO PAINT向けの「サラダ素材集」は現在メンテナンス中(追記:12月26日現在は復活)ですが、IllustStudioやComicStudioで利用できる「サラダマルチ」を見ればどんなモノなのか分かりますよ。

    イラストレーター騒然! 「高品質なサラダの絵を一瞬で描けるブラシ」が話題に | ねとらぼ