wgld.org | WebGL: GPGPU でパーティクルを大量に描く |
GPU の力を引き出すのだ！ 前回は VBO を逐次更新しながら処理することで、CPU 側で頂点の座標を計算してパーティクルを動かす、というテクニックを解説しました。 このやり方の場合、頂点の計算が CPU の性能に依存する形になるので、WebGL 特有の GPU パワーを引き出すことができるというメリットはそれほど活かされない一方、javascript 側ですべて計算しているのでそれほど WebGL や GLSL の記述に精通していなくても、処理を記述しやすいというメリットがあったのでしたね。 そんな中で今回は、これを GPU 側に持っていきます。いわゆる GPGPU と呼ばれる類の技術です。 前回は、あくまでも頂点の座標計算について javascript で行いましたが、今回はこれを GPU 側、つまりシェーダにやってもらいます。つまり、頂点の座標計算から描画までの一連の処理が、基本的
WebGL Samples
This is collection of WebGL Samples. Feel free to add more
たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！ - WebGL 総本山
top 2015 年 07 月 たくさんの有名な作例とそのソースコードを集約したリポジトリ！ WebGL Samples を活用しよう！ 有名なデモが大量に収録された作例集 今回ご紹介するのは、WebGL が話題になり始めた初期の頃から存在する、有名な作例を多数収録したサンプル群です。 このページ自体は、WebGL 界の著名なエンジニア、greggman 氏が管理しています。greggman 氏は、WebGL Fundamentals という WebGL の入門サイトや、TWGL.js という WebGL ヘルパーライブラリなどの作者の方です。 今回ご紹介するページに掲載されているデモは、かなり有名なものが多いので見たことがあるという方のほうがもしかしたら多いかもしれません。WebGL 黎明期より存在する今もなお貴重な作例をぜひ楽しんでみてください。 3D や 2D の多彩な実装例 Web
WebGL による physically based rendering(PBR) チュートリアルのイントロ記事！ 今後に期待高まる！ - WebGL 総本山
top 2015 年 07 月 WebGL による physically based rendering(PBR) チュートリアルのイントロ記事！ 今後に期待高まる！ 物理ベースシェーディングの勉強に 今回ご紹介するのは、昨今、様々なところで目にする機会の増えた PBR（physically based randering）のチュートリアル記事……の第一弾となるイントロ記事です。 この記事自体は、WebGL だけでなく 3DCG の分野で有名な Marcin Ignac 氏のブログエントリです。氏は、WebGL を Node.js 環境で開発するための pex というライブラリを手掛けるなど、とても精力的に WebGL 関連の活動をしている方でもあります。 今回ご紹介するのは連載の第一弾となるイントロ記事なのですが、実行可能な WebGL サンプルへのリンク、また参考になりそうな多数のコン
WebGLStudio
3D Development environment for the web. WebGLStudio (formerly known as WebGLStudio) is a platform to create interactive 3D scenes directly from the browser. It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app. Try WebGLStudio.js Example Source on GitHub Documentation Learn or you can use the latest version (more features and more bugs)
WebGLとWebSocketを使った3Dオンラインレースゲーム | KnockKnock
R&Dの一環として、今年の夏に開催されたHTML5JapanCup2014に、JS-Racingというコンテンツを作ったのですが、よい評価を頂きまして、WebGL賞と優秀賞を受賞させていただきました。 HTML5 Experts.jsにて、技術解説記事を寄稿させていただいています。 WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（前編） WebGLとWebSocketによる3Dオンラインレースゲーム「JS-Racing」の全て！（後編） Chrome Experimentsでも紹介いただきました。 ソースコードはすべてGitHub上に公開していますので、ご自由に閲覧ください。 knockknock-jp/js-racing.knockknock.jp 「HTML5 Experts.js」の記事とかぶりますが、せっかくなのでJS-Racingの技
Asm.js and WebGL for Unity and Unreal Engine
Dave Voyles | Software Engineer, Microsoft Data science, game development, and financial services Unity, and Epic’s Unreal Engine, the popular middleware tools frequently used by game developers are not limited to creating compiled applications that run as an executable. Unity previously had a web player, which was a downloadable plugin that used ActiveX. Chrome killed support for NPAP (Netscape P
3D Map Library Roundup - webkid blog
This is a quick roundup about WebGL map libraries. Since IOS is supporting WebGL and the browser support is getting better in general, it becomes a relevant technology for map applications too. Stepless zooming, tilting or rotating are features that almost all of the libraries can do. If the map is rendered on the fly and doesn't rely on images, you can also change its styles and show and hide cer
[2015年上半期振り返り] 個人的に思い出深いオススメ WebGL 作品厳選 32！ - WebGL 総本山
2015年の上半期を振り返る 今回は普段と少し趣向を変えて、2015年の上半期を振り返りながら、私が驚かされたものや感激したものを中心に厳選してご紹介します。 基本的に紹介するのは WebGL 総本山で取り上げたものに限定しますが、紹介した際の記事へのリンクや画像、その他ふんだんに使いつつ紹介していこうと思います。当該記事を見落としてしまった人も、気になるものを見つけたらぜひチェックしてみてくださいね。 アート・デモ・プロモーション部門（全 12 作品） 日本の作品部門（全 8 作品） アカデミック部門（全 6 作品） ビジュアライズ部門（全 6 作品） アート・デモ・プロモーション作品部門 OFFF - Skazka OFFF 2015 のために制作された WebGL デモ Skazka！ 動的なポリゴン生成など見どころ満載！！ びっくり度数：★★★☆☆ この作品のすごいところは、個人的
![[2015年上半期振り返り] 個人的に思い出深いオススメ WebGL 作品厳選 32！ - WebGL 総本山](https://cdn-ak-scissors.b.st-hatena.com/image/square/d341152a6a1940dbbe72478b856d416d4ee0b2f1/height=288;version=1;width=512/https%3A%2F%2Fwebgl.souhonzan.org%2Fi%2Fentry%2F285_001.jpg)
WebGLとモバイルウェブの「これまで」と「これから」 そして来たるべきWebGL 2.0へ向けて | 公式サイト | CEDEC 2015 | Computer Entertainment Developers Conference
PCだけでなく、モバイル端末も含めたWebGLの現状と、その課題。特に、モバイルという観点からはその独特な実装について。また、WebGL 2.0にも言及しつつ、WebGLがこれからどのような状況に置かれていくのかについても。 2014年、iOSがWebGLに対応し、一気にモバイルにおける注目度を上げたWebGL。 WebGLはPCだけでなく、ウェブブラウザを搭載したあらゆる端末で動作するマルチプラットフォームな存在となりました。そんなWebGLがこれまでどのような道筋を歩んできたのか。そしてこれから先、どのように進化していくのか—— モバイル端末におけるWebGLの現状と、来たるべきWebGL 2.0という次のステージを見据えたセッションです。
まるでお手本のようなシンプルかつ軽快な操作感が心地よい WebGL 製レーシングゲーム！ - WebGL 総本山
とてもシンプルで無駄のない丁寧なつくり 今回ご紹介するのは、WebGL を用いたシンプルなレーシングゲームです。 コースの選択や、走破タイムによるランキングなど、ゲームに必要な要素は一通り入っています。あまり派手な演出や多彩なアイテムがあるわけではないのですが、それだけに逆にとてもシンプルで無駄のない作りになっていると思います。 非常に動作も軽快で、ちょっとした時間つぶしにはとてもいいと思いますね。 ゲーム自体はとても簡単 このレースゲーム、難易度はとても低いです。 レースがスタートするとアクセルは常に入りっぱなしになるので、実質的には左右の矢印キーだけを利用して車体を操作していくことになります。 ゲームをスタートするには、まず最初にコースを選択します。 けっこうたくさんの種類があって、驚きました。 プレイヤーの操作できる車体は赤い色をしているので、すぐにわかると思います。 スタート位置は
WebGL Roadmap | Unity Community
Unity 5.0 shipped with a working preview of our WebGL technology in March this year. Since then, Google has disabled (by default) NPAPI support in their Chrome browser (meaning that the Unity Web Player will no longer work there) which is pushing a lot of Unity developers to try out WebGL as an alternative. Some people have already published games using Unity WebGL, but we have also heard from peo
家族で考えたい。格安スマホのメリット、デメリット
ちょっと前から、大手キャリアより回線を借りてサービス展開をしようとするMVNOの評判が良いようです。トップ３キャリアより料金が格段に安いSIMカードを売っていることもあり、SIMフリー端末の売れ行きがすごいことになっています。 参考リンク：UQモバイルキャッシュバック スマホやタブレットなどで、毎月数百円からスタート可能な格安SIMを提供しております。超ビギナーの方でも選択しやすいように、使い方別におすすめをご紹介させていただきました。 格安SIMに関しては、ひと月500円代でも始めることが可能ですが、データ通信容量プランが２つありますので、比較・検討することが必須です。さしあたって2GBと3GBで、それぞれ月ごとにいくら取られるかで比較するのがおすすめとなります。 「格安スマホおすすめランキング」を制作しました。どういった根拠でその格安スマホをおすすめするのか？個々のプラス要素とマイナス
ASP.NET でソース管理システムへの NuGet パッケージのコミットを不要とする - THE TRUTH IS OUT THERE - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
For mission-critical Node.js applications - NodeSource
WebGLで般若の面などを3D表示、早稲田大学「演劇博物館収蔵品3Dデータベース」正式公開 
https://blogs.unity3d.com/2015/06/18/webgl-webassembly-and-feature-roadmap/
https://atnd.org/events/66780
GitHub - PixelsCommander/HTML-GL: Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL
Lessons Learned with Unity and WebGL