HexGL, the HTML5 futuristic racing game.
What is this? HexGL is a futuristic, fast-paced racing game built by Thibaut Despoulain using HTML5, Javascript and WebGL and a tribute to the original Wipeout and F-Zero series. Credits. HexGL was built with love using three.js, a 3D library built on top of WebGL and maintained by Mr.doob and AlteredQualia. I'd also like to thank Nobiax for the great metalic road texture, Charnel for the HexMKI b
THREE.js での輪郭線表示
４日目 nakamura001 さんの「PhiloGL でのカメラの移動処理」に続きまして、JavaScript Advent Calendar 2011（WebGLコース）５日目担当の 3DCG Arts の角（@santarh）です。 この記事では、THREE.js というライブラリを用いて、簡易的な輪郭線描画を行います。ライブラリの導入については、２日目 yomotsu さんの「THREE.js で WebGL」がとても解りやすい解説になっています。 概要 まず、3DCG においての輪郭線表現する手法のひとつとして、画像処理の手法を用いて輪郭検出を行なう方法があります。この方法では、シェーダを書く必要があり、導入難易度が高くなります。そこで、 Mesh で輪郭線を描くことができる昔ながらの方法を紹介します。 輪郭線を表示したい Mesh に対して、反転した Mesh を用意します。
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
MMD on WebGL 踊れるようになった（あと IK について） - by edvakf in hatena
IK を実装して踊れるようになった。 11月2日現在、「きしめん」を踊ってくれる。普通のスピードで再生できれば25秒ぐらい。 http://edv.sakura.ne.jp/mmd/ MMD のフレームは 30fps なので、リアルタイムに再生するなら 1000ms/30=33ms ぐらいで1フレームの処理を終えなければならないのだけど、IK の計算で 30ms ぐらいかかってしまう時もあり（GC のためか）、物理演算までやるのは厳しくなってきた。今でさえちょっと遅いパソコンだとスローモーションになってしまう。あと Firefox より Chrome のほうがかなり速い。 Lat 式から頂点数の少ないモブ子さんに替えてみた。Firefox でもヌルヌル動くはず。ただし Windows の Firefox にはバグがあるので真っ白になることもある。 物理までやったらもうちょっと最適化してみる
The OpenGL ES Shading Language
The OpenGL® ES Shading Language Language Version: 1.00 Document Revision: 17 12 May, 2009 Editor: Robert J. Simpson (Editor, version 1.00, revisions 1-11: John Kessenich) ii Copyright (c) 2006-2009 The Khronos Group Inc. All Rights Reserved. This specification is protected by copyright laws and contains material proprietary to the Khronos Group, Inc. It or any components may not be reproduced, rep
WebGL and OpenGL Differences - WebGL Public Wiki
WebGL is based on the OpenGL ES 2.0 specification, and retains the semantics of OpenGL ES in order to maximize portability to mobile devices. There are some significant differences in behavior of similar APIs between OpenGL ES 2.0 and the OpenGL API on desktop systems. Many OpenGL programmers are familiar with the semantics on the desktop, and may not know about these differences in behavior. We h
packing a float into a A8R8G8B8 texture (shader)
It's perfectly reasonable to want to encode a float into an A8R8G8B8 texture. A lot of older hardware doesn't support floating point textures, and moderately old hardware is really slow when using them. Lets take an example - say I want to encode 98742/216236 with 24 bits of precision into X8R8G8B8. Random numbers I came up with by mashing on the keyboard. Well, 98742/216236 = 0.428892506335670286
Simulations on GPU for Web. Contents
Introduction Super-computer in your PC. Fractal generation on GPU. WebGL 2 and experimental Compute shaders. TFjs notes WebGPU Compute shaders in progress Get started with GPU Compute on the Web by Francois Beaufort. WebGPU samples out of date :) WebGL2 Compute shaders. obsolete Matrix multiplication Tuning GEMM for Intel GPU GEMM tests on RTX 2070 WebGL 2 Flat wave and Big wave demos Monte-
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
WebGL - Low-Level 3D Graphics API Based on OpenGL ES
LOW-LEVEL 3D GRAPHICS API BASED ON OPENGL ES WebGL™ is a cross-platform, royalty-free open web standard for a low-level 3D graphics API based on OpenGL ES, exposed to ECMAScript via the HTML5 Canvas element. Developers familiar with OpenGL ES 2.0 will recognize WebGL as a Shader-based API using GLSL, with constructs that are semantically similar to those of the underlying OpenGL ES API. It stays v
yktmt blog: MMDModel on THREE.js
2010年12月31日金曜日 MMDModel on THREE.js THREE.jsを利用してMMDのモデルデータを表示します。 ここにモデルデータ(.pmd)とテクスチャ(.bmp .png .tga)をアップロードすると、ここで閲覧できます。 動作確認はChromium(10.0.614.0)とChromeで行いました。インスパイア元のTHREE.js demoによると、"webGL"コンテキストはChrome8/9 or Firefox4、"2d"コンテキストはChrome推奨だそうです。 お試しミクさん 追記 : ライトなし版を用意しました。 テクスチャをほとんど使わないモデルならFirefox3でも閲覧できます。こちらからどうぞ。 ソースコードは下記に一式置いてあります。 http://www.yktmt.com/threemmd/ 参考ページ 御本尊 : h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MMD on WebGL (MMDGL)
quake2-gwt-port - Project Hosting on Google Code
[Public WebGL] Reading out the color value stored in FBO with Chromium
blender-webgl-exporter - Project Hosting on Google Code
http://www.scenejs.org/
GitHub - mrdoob/three.js: JavaScript 3D Library.