three.js + Web Font + GPGPU
by Takumi Hasegawa / @tkm0125 index 自己紹介 three.jsã¨ã¯ï¼Ÿ three.jsã¯ã¨ã‚Šã‚ãˆãšã“ã‚ŒãŒã‚ã‚Œã°OK Geometryを自分ã§ä½œã‚ㆠWebFontをテクスãƒãƒ£ã¨ã—ã¦ä½¿ã† Vertex Shaderã§GPGPU three.jsã§ã‚·ã‚§ãƒ¼ãƒ€ã‚’使用ã™ã‚‹ index 自己紹介 three.jsã¨ã¯ï¼Ÿ three.jsã¯ã¨ã‚Šã‚ãˆãšã“ã‚ŒãŒã‚ã‚Œã°OK Geometryを自分ã§ä½œã‚ㆠWebFontをテクスãƒãƒ£ã¨ã—ã¦ä½¿ã† Vertex Shaderã§GPGPU three.jsã§ã‚·ã‚§ãƒ¼ãƒ€ã‚’使用ã™ã‚‹ 自己紹介 é•·è°·å· å·§ (ã¯ã›ãŒã‚ ãŸãã¿) Freelance Front-end engineer / Technical director 最近 (ã§ã‚‚ãªã„ã‘ã©) 作ã£ãŸã‚‚ã® Takumi Hasegawa https://tkmh.me/ 水曜日ã®ã‚«ãƒ³ãƒ‘
A-Frame – Building Blocks for the VR Web
Subscribe to get updates on A-Frame and our VR projects! Subscribe
stack.gl
#stackgl stackgl is an open software ecosystem for WebGL, built on top of browserify and npm. Inspired by the Unix philosophy, stackgl modules "do one thing, and do it well". It is easy to use parts of stackgl à la carte, and because it is written from the bottom up, you can always drill down a layer. Unlike many 3D engines, stackgl emphasizes writing shader code, and provides powerful tools like
Drawing Lines is Hard • Matt DesLauriers
March 9, 2015 Drawing Lines is Hard Twitter: @mattdesl Drawing lines might not sound like rocket science, but it’s damn difficult to do well in OpenGL, particularly WebGL. Here I explore a few different techniques for 2D and 3D line rendering, and accompany each with a small canvas demo. Source for demos can be found here: https://github.com/mattdesl/webgl-lines Line Primitives # WebGL includes su
Inigo Quilez :: fractals, computer graphics, mathematics, demoscene and more
My name is Inigo Quilez, I grew up in San Sebastián / Donostia, a beautiful city in the Basque Country, northern Spain. I work in Computer Graphics professionally in different roles - I've been a Technical Artists, a Product Manager, a Software Engineer and a Research Engineer, see resume. When life and work permit, I enjoy publishing and sharing everything I discover or invent in this very web si
The Book of Shaders
by Patricio Gonzalez Vivo and Jen Lowe This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders. Contents About this book Getting started What is a shader? “Hello world!†Uniforms Running your shader Algorithmic drawing Shaping functions Colors Shapes Matrices Patterns Generative designs Random Noise Cellular noise Fractional brownian motion Fractals Image
Glsl.io - Social Media Integration Services
The GLSL.io initiative aims to build an Open Collection of GLSL Transitions. It aims to be highly community-driven and free-software with full integration to VideosGrow service. No data are kept on our servers, data is all stored in Github Gists. The project is yours, up to you to deploy your own platform instance if you like to. The official platform will be hosted on glsl.io. Source code is avai
openFrameworksã§GLSL Sandboxã®ã‚½ãƒ¼ã‚¹ã‚’ビルドã—ã¦ã¿ã‚‹ | Creativenture
openFrameworksã®ã‚»ãƒŸãƒŠã«è¡Œã£ã¦ä»¥æ¥ã€GLSLã®é¢ç™½ã•ã«ãƒãƒžã£ã¦ã„ã¾ã™ã€‚ GLSLã¯GPUã«ç”»åƒå‡¦ç†ã‚’ã•ã›ã‚‹ãŸã‚ã®æ‹¡å¼µè¨€èªžã§ã€Vertex Shaderã€Geometry Shaderã€Fragment Shaderã®3ã¤ãŒã‚ã‚Šã¾ã™ã€‚ スマフォã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹OpenGLESã€WEBブラウザã§å®Ÿè£…ãŒé€²ã‚られã¦ã„ã‚‹WebGLã‚‚ã“ã®GLSLを一部サãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€ç§»æ¤æ€§ãŒéžå¸¸ã«é«˜ã„よã†ã§ã™ã€‚ ã¾ãŸã€WebGLã¯ãã®æ‰±ã„ã‚„ã™ã•ã‹ã‚‰GLSL Sandboxãªã‚“ã¦ã„ã†æŠ•ç¨¿ã‚µã‚¤ãƒˆã¾ã§ã‚ã‚Šã€è‰²ã‚“ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã“ã§WebGLã®ã‚³ãƒ¼ãƒ‰ã‚’GLSL環境ã§å‹•ã‹ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ WebGLã®ã‚³ãƒ¼ãƒ‰ã‚’GLSL Sandboxã‹ã‚‰å¼•ã£å¼µã£ã¦ãã¦ã€openFrameworksã§å‹•ä½œã•ã›ã¦ã¿ã¾ã™ã€‚ 今回ã¯ã€MITライセンスãŒã—ã£ã‹ã‚Šæ˜Žè¨˜ã•ã‚Œã¦ã„ã‚‹Stefan Gustavs
Shadertoy BETA
Build and Share your best shaders with the world and get Inspired Latest contributions: "Drawing a circle again bruh" by defnixx 22 minutes ago, "RWMusic toolbox" by RoosterWho 57 minutes ago, "Iridescent Spirals" by anej 57 minutes ago, "vortex knot flow field" by Boogaloo 1 hour ago, "Gaussian-ish airglow approx." by FordPerfect 1 hour ago
WebGL 開発支æ´ã‚µã‚¤ãƒˆ wgld.org
次ãªã‚‹ Web を見æ®ãˆã¦ æ¥ãŸã‚‹ã¹ã WebGL2 ã®æ™‚代㸠2011 å¹´ã€æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ 1.0 ãŒå‹§å‘Šã•ã‚ŒãŸ WebGL ã¯ã€ã‚¦ã‚§ãƒ–ブラウザ上㧠OpenGL ES ã«ç›¸å½“ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ API ã®æ©Ÿèƒ½ã‚’利用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ JavaScript ã® API ã§ã™ã€‚ ãã—㦠2016 å¹´ã€WebGL ã®æ£å½“ãªå¾Œç¶™ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ãªã‚‹ WebGL2 (ã‚‚ã—ã㯠WebGL 2.0) ãŒã„よã„ã‚ˆæœ¬æ ¼çš„ã«åˆ©ç”¨ã§ãる段階ã«ãªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ 当サイトã§ã¯ã€2012 å¹´ã®é–‹è¨ä»¥æ¥ã€WebGL 1.0 系㮠API を用ã„ã‚‹ãŸã‚ã®æŠ€è¡“解説を掲載ã—ã¦ãã¾ã—ãŸã€‚ãã—ã¦ä»Šå¾Œã¯ã€æ™‚代ã®å¤‰é·ã«åˆã‚ã›ã¦ WebGL 2.0 ç³»ã®è§£èª¬è¨˜äº‹ã‚‚公開ã—ã¦ã„ãæ–¹é‡ã§ã™ã€‚ WebGL 2.0 ãŒç™»å ´ã™ã‚‹ã¨ã¯è¨€ã£ã¦ã‚‚ã€å¾Œæ–¹äº’æ›ã‚’ä¿ã¤ã¨ã„ã†æ„味もã‚ã£ã¦ æ„図的ã«æœ‰åŠ¹åŒ– ã—ãªã„é™ã‚Šã¯ WebGL 1.0 相当㮠AP
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Redirect
three.js - JavaScript 3D library
Rutt-Etra-Izer
{{#tags}}- {{label}}
{{/tags}}