Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Hack The WebGL(WebGL勉強会)
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Learning WebGLで学ぶWebGL入門
8. HTML <body onload="webGLStart();"> <a href="http://learningwebgl.com/blog/?p=28"><< Back to Lesson 1</a><br /> <canvas id="lesson01-canvas" style="border: none;" width="500" height="500"></canvas> <br/> <a href="http://learningwebgl.com/blog/?p=28"><< Back to Lesson 1</a><br /> </body> 9. HTML <body onload="webGLStart();"> <a href="http://learningwebgl.com/blog/?p=28"><< Back
Debugging - WebGL Public Wiki
WebGL Lint WebGL lint wraps the WebGL API and checks for many common usage errors. For more info see the WebGL lint website. Spector.js Spector.js is a system that provides a UI for inspecting your WebGL usage. It can be used as both a devtools plugin for Chrome and Firefox or as a library. As a library it's possible to inspect your WebGL startup code. As a devtool you can generally only inspect t
WebGL Inspector
About WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier. What Firebug and Developer Tools are to HTML/JS, WebGL Inspector is to WebGL. Note: this is alpha software - if you find bugs, let me know (or better yet, fork and fix them! :) Check out the readme on github for more information. Status There hasn't been an u
今晚特马开什么号码-2020管家婆最准的资料-2020精准平特一肖资料
意外的频繁发生，凸显了学生假期的安全问题。每年暑假，都是中小学生溺水、触电等事故的高发期。此前教育部也特意发文，强调需要经常给孩子传授急救的相关知识和技能，提高孩子们的避险防灾和自救能力。但紧急情况不仅集中发生在学生群体中，生活中我们也随时有可能面临威胁生命的场景。比如初为父母的家长，照顾孩子经验不足，加上婴幼儿好奇心强，就很容易发生气道异物梗阻的情况。据不完全统计，我国每年因吞咽异物或气管异物阻塞等引起意外窒息死亡的儿童近3000名。如今生活工作压力大，职场精英已经成为急性心梗的高发人群，年轻人的急性心梗发病率正以每年至少5%的速度增长，甚至已经有20岁的急性心梗患者。据统计，我国每年心源性猝死者高达55万，每天有近1500人猝死，且多发生在公共场所或家中，抢救率极低。 当面对以上这些意外急症时，最有效的救命时间只有短短几分钟。只有掌握了正确的应急救护知识和技能，并及时施救，才有机会在第
WebGL勉強会 第5回で発表して来ました - 強火で進め
WebGL勉強会 第5回(http://atnd.org/events/11693)で発表してきました。 タイトルは「Learning WebGLで学ぶWebGL入門」です。Learning WebGLのLesson 1を解説しながらWebGLを勉強して行く内容と成っています。 WebGLをこれから勉強する方のとっかかりに成る様に意識して作成したので、発表向けというより授業向けに近い内容と成っています。これからWebGLを勉強する人の参考になりましたら幸いです。 Learning WebGLで学ぶWebGL入門View more presentations from nakamura001. (2011/02/18 追記) 補足、書きました。 「Learning WebGLで学ぶWebGL入門」の補足 - 強火で進め http://d.hatena.ne.jp/nakamura001/20
OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog
追記：例題の頂点シェーダーで何をしているか説明を追加しました 追記：動作環境の所修正しました、IE9では動作しません。 皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。 この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな
The Lessons | Learning WebGL
I’ve been creating a series of lessons as a way of teaching myself WebGL. The first ten are based on the well-known NeHe OpenGL tutorials, but I’ve diverged since then. Here are the ones so far. If English isn’t your first language, you might like these translations of the lessons: Chinese: 本课程中文版 Spanish: español Japanese: 日本語でのレッスン Lesson 0: Getting Started shows you how to download, install and
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
Path tracing a cornell box in Javascript
Last Saturday I have released my little javascript pathtracer that rendered a very simple scene. This time I want to show off some of the more advanced effects that can be simulated nicely using path tracing. I decided to set up a scene similar to the well known Cornell Box to demonstrate effects such as soft shadows, color bleeding, reflection, refraction and caustics. I did not include Depth of
W3C File APIを使ってJavaScriptでファイル加工 - しばそんノート
現在W3Cで仕様策定が進められているFile APIを使うと、JavaScriptからローカルファイルの情報や内容にアクセス出来るようになります。 Firefoxでは3.0時代から似たような機能が実装されていたようですが*1、今回やや仕様を変更した上で標準化されます。 まだワーキングドラフトの段階ですが、Firefox 3.6 RC1*2に既にほとんどのAPIが実装されていますので、今すぐに使ってみることができます。 そこで、試しにこんなサンプルを作ってみました。Firefox 3.6で以下のページにアクセスしてみてください。 JavaScriptでネガポジ反転 ファイル選択欄でビットマップファイル（.bmp）を選択、あるいはブラウザにドラッグアンドドロップすると、その画像をネガポジ反転（階調の反転）して表示します。複数選択も可です。*3 *4 ↓実行例 ファイル加工の際にサーバと一切通信
【１】Cubeで遊ぼう！ 迷路生成編 - はじめてのthree.js
はじめに three.jsはレンダラを変えるだけで、Canvas(2D)にもWebGLにも書き出せるっていう、色々と技術遷移中の今の時代にピッタリなJavascript 3D Engineです。 node.jsも楽しいけど、表現系でも遊んでみたい！って時に手軽にさわれる逸品です。(3Dよくわかりませんが・・・) とりあえずは準備 まず、GitHubからソース落としてきます。gitで落としてもいいし、zipファイル(右の方にダウンロードボタンがあるよ)でも落とせます。 展開すると色々入ってますが、基本必要なのは "build/Three.js" です。サンプルでは他のも利用しますが、随時配置してください。 あー、それとthree.jsのデモを見た人は、3Dモデリングソフトで作ったモデルを読み込んでグリグリ・・・みたいなのを期待してるかもしれませんが、今回そーいうの無いですよ、自分、3Dソフト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
glMatrixについて
WebGL Electric Flower
Google Code Archive - Long-term storage for Google Code Project Hosting.
WebGL examples
DeNA Engineering - DeNAエンジニアのポータルサイト
Google Sites: Sign-in
Programming Progress
Ray tracer using WebGL