DOM2Texture: Abusing Arcane APIs — surma.dev
When using OpenGL (or WebGL), you have to do everything yourself, including font rendering and layouting. I thought: “Wouldn’t it be great if you could just reuse the browser’s layouting and font-rendering engine instead of heaving to reinvent the wheel?â€. Yes, but there’s no API for that. Or is there? TL;DR: You can use <foreignObject> to embed normal HTML content in an SVG, encode that SVG as a
GLSL ã§ãƒ‰ãƒƒãƒˆçµµã‚’æã„ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆ - CX's Hatena Blog
最近ã€ãŠæ°—ã«å…¥ã‚Šã®ã‚µã‚¤ãƒˆã§ GLSL Sandbox Gallery ã¨ã„ã†ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 何ã®ã‚µã‚¤ãƒˆã‹ã¨è¨€ã†ã¨ã€å¹³ãŸã言ã†ã¨ã€Œãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã‚ˆã‚‹ãŠçµµã‹ã投稿サイトã€ã«ãªã‚Šã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ç‰¹æ®Šãªç‚¹ã¨ã—ã¦ã¯ã€ŒGLSL 言語ã€ã¨ã„ㆠGPU å‘ã‘ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼ˆã‚·ã‚§ãƒ¼ãƒ€è¨€èªžï¼‰ã§æ›¸ãå¿…è¦ãŒã‚ã‚‹ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ 自分もサッパリç†è§£å‡ºæ¥ã¦ã„ãªã„ã®ã§ã™ãŒã€éŽåŽ»ã®æŠ•ç¨¿ä½œå“ã®ãƒŽã‚¦ãƒã‚¦ã‚’å‚考ã«ã€ãƒ‰ãƒƒãƒˆçµµã‚’æã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ サムãƒã‚¤ãƒ« URL 説明 http://glslsandbox.com/e#14511.0 色付ã四角形 http://glslsandbox.com/e#14512.0 複数ã®å››è§’å½¢ http://glslsandbox.com/e#14516.0 ドット絵 http://glslsandbox.com/e#14919.0 ドット絵をウãƒã‚¦ãƒã•ã›ã¦ã¿ã‚‹ http
Today I Saw The Future – Brendan Eich
This morning, Mozilla and OTOY made an announcement: Mozilla and OTOY deliver the power of native PC applications to the Web, unveil next generation JavaScript video codec for movies and cloud gaming What this means: ORBX.js, a downloadable HD codec written in JS and WebGL. The advantages are many. On the good-for-the-open-web side: no encumbered-format burden on web browsers, they are just IP-bli
What's coming in WebGL 2.0
The WebGL working group has just released a public draft of the WebGL 2.0 spec. Hooray! Of course, being a public draft things are still subject to change and there are still plenty of TODOs, so don't be too surprised if things get chopped, tweaked, added or completely reworked before WebGL 2.0 reaches a browser near you. The nice thing is, however, that since the entire goal of the spec is to bri
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ～WebGLライブラリThree.js 入門（１ï¼ï¼“）～
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webページ作æˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚られã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ブラウザå„社ã¸ã®æ£å¼å‹§å‘Šã‚’目指ã—ã¦ç–定ãŒé€²ã‚られã¦ã„ã¾ã™ã€‚ HTML5㯠2012å¹´1月ã§ã‚‚ã¾ã 「è‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–備段階ã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ユーザå´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚られã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’られã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBコンテンツã®ã‚¯ãƒã‚¹ãƒ—ラットフォーム化ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚スマートフォンã®ç™»å ´ã¾ã§ã¯ã€Adobe社ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„オーディオãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
Sparklin Wars
Sorry, too many players in game! Try again later maybe? :o
ï¼»GDC 2013ï¼½Webブラウザã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ゲームエンジンを5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯
ï¼»GDC 2013ï¼½Webブラウザã§ã€ŒUnreal Engine 3ã€ãŒãƒŒãƒ«ãƒŒãƒ«å‹•ã!? ゲームエンジンを5æ—¥ã§HTML5ã¸ç§»æ¤ã—ãŸé©šãã®æŠ€è¡“ã¨ã¯ ライター：米田 è¡ Game Developers Conference 2013（以下，GDC 2013）ã®2æ—¥ã‚ã¨ãªã‚‹ç±³å›½æ™‚é–“3月26日，Webブラウザ「Firefoxã€ã®é–‹ç™ºã§çŸ¥ã‚‰ã‚Œã‚‹ç±³Mozilla Foundation（以下，Mozilla）ãŒï¼Œã€ŒFast and Awesome HTML5 Gamesã€ï¼ˆé«˜é€Ÿã‹ã¤é©šæ„•ã®HTML5ゲーム）ã¨é¡Œã™ã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’開催ã—ãŸã€‚ HTML5ã¯ãã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ãŒé«˜ã評価ã•ã‚Œã¦ã¯ã„ã‚‹ãŒï¼Œå®Ÿéš›ã«ãã‚Œã§ä½œæˆã•ã‚ŒãŸã‚²ãƒ¼ãƒ を見るã¨ï¼Œã€ŒWebブラウザ上ã®ã‚²ãƒ¼ãƒ ãªã‚‰ã“ã‚“ãªã‚‚ã®ã‹â€¦â€¦ã€ã¨è½èƒ†ã•ã›ã‚‰ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„。ãã®ãŸã‚æ£ç›´ã«è¨€ãˆã°ï¼Œç†è€…ã¯ã‚ã¾ã‚ŠæœŸå¾…ã›ãšã«å‚åŠ ã—ãŸã®ã ãŒï¼Œè“‹ã‚’é–‹ã‘ã¦ã¿ã‚Œã°ï¼ŒãŸã—ã‹ã«ã‚¿ã‚¤ãƒˆãƒ«ã©ãŠã‚Šã€Œ
Get WebGL working on the Android Chrome Beta
[UPDATE: This whole process just got a lot easier! With the newest update you can now visit about:flags (or chrome://flags, take your pick) and click the link that says "Enable WebGL". Then restart the browser and you're done! Best of all? No root required!] Today a new Chrome Beta was released to the Google Play store. While the current stable Chrome release is based on the relatively old and cru
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
WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
Learning WebGL
GDC, GTC and 3D city planning lead this week’s WebGL stories. CALL FOR SUBMISSIONS: WebGL artists, the call for submissions to the 3D Web Fest is open. Deadline to submit is April 8th (project doesn’t need to be done till late April). Don’t delay; submit today! Stockholm-based Agency9’s Johan Göransson and team just released support for iOS and Android for a streaming WebGL 3DMaps and City Planner
日記 | ヨモツãƒãƒƒãƒˆ
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 混在ã§ã
Source Engine Levels in WebGL: Tech Talk
So I've just gotten back from onGameStart and have been very pleased with how well my "Surprise Project" was received! For anyone not at the conference or following me on Twitter, at the end of my presentation I demonstrated a Source Engine level (2Fort, from Team Fortress 2) running in WebGL at an absolutely stable 60fps! Now, to be perfectly fair there are a lot of bits of the rendering that don
Source Engine Levels in WebGL: Video + Source
Took the time to get the source and video demo for the Source Engine demo online tonight. Have a look! GitHub Source And of course don't forget to check out the Tech Talk post if you want to know more of the nitty gritty details! I stressed for a little while about fixing some of the remaining issues before posting anything (like getting water rendering) but in the end I decided that the demo serv
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Tokyo WebGL Meetup | Peatix
http://www.jthree.jp/
http://apps.playcanvas.com/playcanvas/scifi/latest
http://do.adive.in/music/
http://dl.dropbox.com/u/6213850/WebGL/nyanCat/nyan.html
GitHub - toji/webgl-source: WebGL renderer for Source Engine levels
{{#tags}}- {{label}}
{{/tags}}