はじめに Unity 5 の WebGL 出力で、外部（自分で書いた JavaScript のコード）からテクスチャを与えたいと思い、色々調べてみましたので情報を共有したいと思います。通常の画像をテクスチャとして指定する方法と、base64 エンコードした画像をテクスチャとして指定する方法の２つを紹介します。 Unity 5 の WebGL については以前の記事をご参照ください。 Unity 5 x WebGL について詳しく調べてみた - 凹みTips デモ 後述の「base64 エンコードした画像を与える」の内容になります。Canvas に描いた絵をテクスチャとしてゲーム内で利用する事ができます。 1. 画像をテクスチャとして利用する 自分のサーバに置いてあるテクスチャを反映 以下の様なコードを書いたスクリプトを Cube にアタッチします。 using UnityEngine; us
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
In July 2011, Apple released Safari 5.1 bringing WebGL to OS X users. WebGL advocates the world over rejoiced - except there was a catch. WebGL was disabled by default, hidden behind a flag buried deep within Safari's preferences panel. The general expectation was that a switch to 'on by default' could not be far behind. Almost 3 years on, it seems this view was seriously misjudged. But now, it se
このエントリーは GraphicalWeb Advent Calendar 2013、25日目のエントリーです。 自分でも、MMD を three.js で動かしてみたいと思っていたのでやってみました。 demo (音を有効にしてみてね) 音を出してお楽しみください。Chrome, Firefox, IE11 上でなら動作します。 Akihiro Oyamada (a.k.a yomotsu) I'm a Web-Front-End-Engineer, as well as a Microsoft MVP for Internet Explorer since 2011 to 2017. Playing with CSS3, SVG, WebGL and others. If you have any feedback or comments, as well as speaker inv
MMD.jsはPMD/VMDを読み込んでWebGLを使って描画するソフトウェアです。 先日mmd.jsを紹介しましたが、さらに完成度の高いMMDをWebGLを使ってレンダリングするのがMMD.jsです。 踊っている1シーン。かなりスムーズです。 見ている向きを変更できます。上からができる、ということは…。 後ろ向きだってもちろんサポート。 MMD.jsはPMDとVMDの読み込み、パースに対応し、WebGLを使って実際にダンスをさせられるようになっています。カメラやライトの移動にも対応しています。今のところ音楽の再生やボーンアニメーションには対応していませんが、十分楽しいソフトウェアになっています。 MMD.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る これまでMMDというとWindows用のソフトウェアであるVPVPを
ども。kaminalyです。 先日Unibaさんと合同でWebGL(Three.js)/GLSLな勉強会をしました。 会社以外で前にでて話すってのは、なかなか機会がないので良い刺激になった。 あと、勉強会に参加してくれた方々の反応が良かったので、 ほっこりした感じで終わる事が出来た。 バンドマンだった時の寒いMCを思い出す。 もし、みんなが無反応だったら、やけ酒だったろうね。酒飲めないけど。 と、話がそれましたが、 その勉強会の時、Unibaの今野さん（@nulltask）が Three.jsのDomRendererというニッチなネタでせめていて、 その時ふと、Three.jsを使ってサイトをぶっ壊すネタを思いつきました。 くだらないです。ええ、くだらないし、役にも立たないです。 ↓をブックマークして使うとブックマークレットとして使えます。 explosion ただ押すと、このサイトが吹っ
A Chrome Experiment, inspired by Disney's Oz The Great and Powerful.
If you are looking for a unique and interesting experience, you may want to check out this rendition of Google Street View in ASCII, which also includes some cool ASCII art. The device features an automatic rotation function, allowing users to focus on their desired content without the need to search for navigation arrows. Additionally, it offers a green color mode for enhanced viewing and a Matri
こちらのブログ内に引用されているツイートによればiAdであればiOS 4.2からWebGLが使えていたようです。 Enabling & Using WebGL on iOS - Nathan de Vries http://atnan.com/blog/2011/11/03/enabling-and-using-webgl-on-ios/ また、iAd以外にもUIWebViewにちょっとした裏技を使えばWebGLが使えるみたいです(Safariアプリ上で実行する方法は今のところ無いみたいです)。 具体的にはこんな感じ、とっても分り易いですねw [webView setWebGLEnabled:YES]; 実際にこれを使用したサンプルがこちらのGitHubにて公開されています。 このプロジェクトをビルドすれば実際に3Dモデルが表示されます。 373行辺りの以下の記述を // Front fa
Path tracing is a realistic lighting algorithm that simulates light bouncing around a scene. This path tracer uses WebGL for realtime performance and supports diffuse, mirrored, and glossy surfaces. The path tracer is continually rendering, so the scene will start off grainy and become smoother over time. Here's how to interact with it: Add an object using the "Add Sphere" or "Add Cube" buttons
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
