[B! three.js] clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

clavier id:clavier

three.jsã«é–¢ã™ã‚‹clavierã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã‹ã‚‰three.jsã«æ…£ã‚Œã‚‹ã¾ã§ï½œmisaki nakano
ã“ã‚“ã«ã¡ã¯ã€‚ ç§ã¯ç¾åœ¨ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¨ã„ã†ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ï¼‹WebGL å®Ÿè£…ã™ã‚‹ä»•äº‹ã‚’2å¹´åŠã»ã©ã‚„ã£ã¦ã„ã¾ã™ã€‚ 1å¹´åŠæ±äº¬ã®ä¼šç¤¾ã§åƒã„ãŸã‚ã¨åŠå¹´é–“ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã‚’ã—ã¦ã€ãã®å¾Œã‚¢ãƒ ã‚¹ãƒ†ãƒ«ãƒ€ãƒ ã®ä¼šç¤¾ã«å…¥ç¤¾ã—ã¦ç¾åœ¨8ãƒ¶æœˆçµŒã¡ã¾ã™ã€‚ three.jsã§çµµã‚’ä½œã‚‹ã®ãŒå¥½ãã§ã€ä»•äº‹ã§ã‚‚ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ã‚‚ã“ã‚“ãªã‹ã‚“ã˜ã®ã‚‚ã®ã‚’ä½œã£ã¦ã„ã¾ã™ã€‚ã»ã¨ã‚“ã©twitterã«ã‚ã’ã¦ã‚‹ã®ã§ã€èˆˆå‘³ãŒã‚ã‚‹æ–¹ã¯ãœã²è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ æœ€è¿‘ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã®DMã§ã©ã†ã‚„ã£ã¦three.jsã‚’å‹‰å¼·ã™ã‚Œã°ã„ã„ã‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒæ¬²ã—ã„ã¨ã„ã†ã®ã‚’ã‚‚ã‚‰ã†ã“ã¨ãŒå¤šããªã£ã¦ããŸã‚“ã§ã™ãŒã€ã“ã®è³ªå•ã«ç”ãˆã‚‹ã®ã¯é›£ã—ã„ãªã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ äººã«ã‚ˆã£ã¦å¾—æ„ä¸å¾—æ„ãŒã‚ã‚‹ã—ã€å§‹ã‚ã‚ˆã†ã¨æ€ã£ãŸæ™‚ç‚¹ã§ã©ã®ãã‚‰ã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„æ•°å¦ã«ç²¾é€šã—ã¦ã„ã‚‹ã‹äººãã‚Œãžã‚Œã™ãŽã¦ã€ã“ã‚ŒãŒãƒ™ã‚¹ãƒˆãªå‹‰å¼·æ³•ï¼ã“ã‚Œã‚’ã‚„ã‚Œã°èª°ã§ã‚‚å¤§ä¸ˆå¤«ã¨ã¯è¨€ãˆãªã„ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ç§ãŒåˆå¿ƒè€…ãƒ¬ãƒ™ãƒ«ã‹
clavier 2019/04/08
javascript

three.js
ãƒªãƒ³ã‚¯
WebGLå…¥é–€ãƒãƒ³ã‚¹ã‚™ã‚ªãƒ³è³‡æ–™
WebGLãƒãƒ³ã‚ºã‚ªãƒ³ã‚’è¡Œã£ãŸæ™‚ã®è³‡æ–™ã§ã™ã€‚ http://connpass.com/event/25563/Read less
clavier 2016/03/29
WebGL

three.js

javascript
ãƒªãƒ³ã‚¯
Haxeã¨Threejsã§3Dã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ åˆç´šç·¨ - Qiita
ã¯ã˜ã‚ã« ç§ã¯Flash/ActionScriptã—ã‹ã»ã¼ã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã™ãŒã€Haxeã‚’ã¡ã‚‡ã£ã¨ã‚„ã£ã¦ã¿ãŸã‚‰ã€ã»ã¼Flashã¨åŒã˜æ„Ÿè¦šã§ã€Canvasã¨ã‹WebGLã‚’ä½¿ã£ãŸã‚²ãƒ¼ãƒ ã®ã‚ˆã†ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚‚ã®ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žã¯ãã‚“ãªä¾¿åˆ©ãªHaxeã¨Threejsã‚’ä½¿ã„ã€ä»¥ä¸‹ã®ã‚ˆã†ãªBoxã‚’è¤‡æ•°é…ç½®ã—ã€ãƒžã‚¦ã‚¹ã«åå¿œã™ã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚Šã¾ã™ã€‚åˆå¿ƒè€…å‘ã‘ã®å†…å®¹ã§ã™ã€‚ é–‹ç™ºç’°å¢ƒ é–‹ç™ºã¯Windowsã§FlashDevelopã‚’ä½¿ã£ã¦ã¾ã™ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒçµ‚ã‚ã‚Œã°ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½¿ã‚ãšã«ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¾ã§ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¯ã“ã®è¨˜äº‹ãŒã¨ã¦ã‚‚å‚è€ƒã«ãªã‚Šã¾ã™ã€‚ http://dev.classmethod.jp/ria/html5/haxe-createjs-1/ macã‚‚ã„ã‚ã„ã‚ã‚ã‚Šãã†ã§ã™ãŒã€ã“ã“ã§ã¯ãµã‚Œã¾ã›ã‚“ã€‚ (macã§ FlashDevelopã‚’ä½¿ã†æ–¹æ³•ãŒ
clavier 2014/12/16
three.js

haxe
ãƒªãƒ³ã‚¯
WebGLã“ã¨ã¯ã˜ã‚
WebGL Tokyo Meet upã§è©±ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ WebGLã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã‹ã‚‰GLSLãªã©ã®ã€Hello Worldã‚’ã–ã£ãã‚Šã¨è§£èª¬ã—ã¦ã„ã¾ã™ã€‚Read less
clavier 2014/06/15
WebGL

three.js
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
clavier 2014/02/07
three.js
ãƒªãƒ³ã‚¯
WebGL With Three.js: Models and Animation | Envato Tuts+
3D graphics in the browser have been a hot topic since they were introduced. But if you were to create your apps using plain old WebGL it would take ages. That's why some really useful libraries have come about. Three.js is one of the most popular of them, and in this series I will show you how to make the best use of it to create stunning 3D experiences for your users. I expect you to have a basi
clavier 2013/12/07
three.js
ãƒªãƒ³ã‚¯
Nude Knock Out
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
clavier 2012/11/19
Slide

three.js

javascript
ãƒªãƒ³ã‚¯
å…¸åž‹çš„ãªJavaScripter3+1ç¨®é¡žã¨ã€ãã‚Œãžã‚Œã®å‹‰å¼·æ³•ã€‚ | Ginpen.com
ä¸€å£ã«JSerã¨ã„ã£ã¦ã‚‚ã€è‰²ã€…ãªåˆ†é‡Žã®äººãŒã„ã¾ã™ã€‚ã‚ãªãŸã¯ã©ã‚“ãªJSerã«ãªã‚ŠãŸã„ã§ã™ã‹ï¼Ÿã€€æ–¹å‘æ€§ã«ã‚ˆã‚Šå¦ã¶ã¹ãäº‹ã‚‚å¤‰ã‚ã£ã¦ãã¾ã™ã€‚ç›®æ¨™ã‚’æ˜Žç¢ºã«ã—ã¾ã—ã‚‡ã†ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ç‹¬æ–ã¨åè¦‹â€¦â€¦ã¨ã„ã†ã‹ä¸»ã«åè¦‹ã§ä¸‰ç¨®é¡žã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ è¿½è¨˜: ã€Œå‹‰å¼·æ³•ã€ã¨ã‹ã‚¿ã‚¤ãƒˆãƒ«ã«ä»˜ã‘ã¦ãŠããªãŒã‚‰å‹‰å¼·æ³•ã«è§¦ã‚Œã¦ã¾ã›ã‚“ã§ã—ãŸã®ã§ã€Œå‹‰å¼·ç¯„å›²ã€ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ã²ãƒ¼ã€‚ ä¸‰ç¨®é¡ž ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹äºº ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹äºº ã‚µãƒ¼ãƒå´ã‚’ä½œã‚‹äºº åŸºæœ¬çš„ã«ãƒ—ãƒã‚°ãƒ©ãƒžè¦–ç‚¹ã§ã™ã€‚ã‚³ãƒ¼ãƒ€ãƒ¼è¦–ç‚¹ã‚‚æœ€å¾Œã«ã€‚ ã§ã¯ã€ãã‚Œãžã‚Œè¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹äºº Flashã®ä»£ã‚ã‚Šã«JavaScriptã‚„CSSã‚’ä½¿ã†äººã€‚Flasherã•ã‚“ãŒã‚·ãƒ•ãƒˆã—ã¦ãã‚‹ä½ç½®ã€‚ ç™ºæ³¨å´ãŒæƒ³å®šã™ã‚‹JavaScripterã€‚æœ€è¿‘ã®æºå¸¯ã‚²ãƒ¼ãƒ ã§éœ€è¦ãŒã‚ã‚‹ã€‚ ãŠä»•äº‹ JSã ã‘ã§ãªãCSSã‚„ç”»åƒã‚’é§†ä½¿ã—ã¦ç”»é¢ã‚’æãã€‚ UIã ã‘ãªã‚‰ã„ãªãã¦ã‚‚å›°ã‚‹äº‹ã¯ãªã„ã‘ã‚Œã©ã€UXã¾
clavier 2012/11/14
javascript

three.js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
clavier 2012/10/31
css3

javascript

three.js
ãƒªãƒ³ã‚¯
Happy Elements Labs: 150è¡Œã§ã“ã“ã¾ã§ã§ãã‚‹ï¼Three.jsã«ã‚ˆã‚‹3Dã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚²ãƒ¼ãƒ
ã‚«ãƒ¡ãƒ© # PerspectiveCameraä»¥å¤–ã«OrthographicCameraãŒã‚ã‚Šã¾ã™ã€‚ # å¼•æ•°: è¦–é‡Žè§’ï¼ˆåž‚ç›´ï¼‰ã€æç”»ç¯„å›²ã®ç¸¦æ¨ªæ¯”ã€ã‚«ãƒ¡ãƒ©ã‹ã‚‰ä¸€ç•ªè¿‘ã„æç”»ç‚¹ã€ã‚«ãƒ¡ãƒ©ã‹ã‚‰ä¸€ç•ªé›¢ã‚ŒãŸæç”»ç‚¹ @camera = new THREE.PerspectiveCamera(40, document.width / document.height, 1, 10000) # ã‚«ãƒ¡ãƒ©ã®ä½ç½® @camera.position.y = 300 @camera.position.z = 1000 ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ¼ï¼ˆsceneã®æç”»ã‚’è¡Œã†ãŸã‚ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼‰ # WebGLRendererä»¥å¤–ã«CanvasRenderã‚‚ã‚ã‚Šã¾ã™ã€‚ # å¼•æ•°ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ä¸‹è¨˜ã‚’å‚ç…§ # https://github.com/mrdoob/three.js/wiki/WebGLRenderer @renderer = new
clavier 2012/10/29
JavaScript

coffeescript

three.js

webGL

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
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_
clavier 2012/09/08
three.js

webGL

ã¾ã¨ã‚

javascript
ãƒªãƒ³ã‚¯
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ ï½žWebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.js å…¥é–€ï¼ˆï¼‘ï¼ï¼“ï¼‰ï½ž
HTML5ã¨WebGL åˆã‚ã«HTML5ã®ä½ç½®ã¥ã‘ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¾ã™ã€‚HTML5ã¨ã¯ã“ã‚Œã¾ã§ã®Webãƒšãƒ¼ã‚¸ä½œæˆè¨€èªžã§ä¸»æµã ã£ãŸHTML4ã‚„XHTMLã®å¾Œç¶™è¨€èªžã®ã“ã¨ã§ã€ 2008å¹´ã«è‰æ¡ˆãŒã¾ã¨ã‚ã‚‰ã‚Œã€2014å¹´ã¾ã§ã«ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶å„ç¤¾ã¸ã®æ£å¼å‹§å‘Šã‚’ç›®æŒ‡ã—ã¦ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã¯ 2012å¹´1æœˆã§ã‚‚ã¾ã ã€Œè‰æ¡ˆã€æ®µéšŽã§ã€ä»•æ§˜ã‚‚æµå‹•çš„ãªæº–å‚™æ®µéšŽã§ã‚ã‚‹ãŒã€é–‹ç™ºå´ã‹ã‚‰ã‚‚ãƒ¦ãƒ¼ã‚¶å´ã‹ã‚‰ã‚‚éžå¸¸ã«æ³¨ç›®ãŒé›†ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ã«æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹ã®ãŒã€iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å°é ã«ã‚ˆã‚‹æƒ…å ±ç«¯æœ«ã®å¤šæ§˜åŒ–ã¸ã®å¯¾å¿œã®ãŸã‚ã§ã™ã€‚ã¤ã¾ã‚Šã€æ§˜ã€…ãªWEBã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ åŒ–ã¸ã®é‡è¦ãªè²¢çŒ®ãŒæœŸå¾…ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ç™»å ´ã¾ã§ã¯ã€Adobeç¤¾ãŒæä¾›ã™ã‚‹ FLASH ãŒå‹•ç”»ã‚„ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãªã©ãŒçµ„ã¿åˆã‚ã•ã‚ŒãŸãƒžãƒ«ãƒãƒ¡ãƒ‡ã‚£ã‚¢ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
clavier 2012/02/22
html5

development

3D

canvas

JavaScript

webGL

three.js
ãƒªãƒ³ã‚¯
HTML5ã®3Dã‚¨ãƒ³ã‚¸ãƒ³ã€ŒThree.jsã€ã®ç‰©å‡„ã„ãƒœãƒªãƒ¥ãƒ¼ãƒ ã®æ—¥æœ¬èªžãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
HTML5ã«ã‚ˆã‚‹ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ç’°å¢ƒã®æ§‹ç¯‰ - WebGLãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.jså…¥é–€ (é è—¤ç†å¹³ | ãƒŠãƒãƒ¥ãƒ©ãƒ«ã‚µã‚¤ã‚¨ãƒ³ã‚¹) WebGLã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒThree.jsã€ã®æ—¥æœ¬èªžã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ å…¨éƒ¨ã§ï¼“éƒ¨ã®ã‚ˆã†ã§ã™ãŒã€ç¾æ™‚ç‚¹ã§ã¯ï¼‘éƒ¨ã ã‘ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
clavier 2012/02/22
three.js

webGL

html5

javascript

tutorial
ãƒªãƒ³ã‚¯
Buy Instagram Likes - 100% Real & Instant | Just $1.49
Buy Instagram Likes with Instant Delivery Likes on Instagram can improve your brandâ€™s engagement numbers. When you buy Instagram likes you get more engagement on your profile which means more reputation. Instagram likes are a good metric to measure your success.
clavier 2012/02/20
javascript

three.js

3D
ãƒªãƒ³ã‚¯
HTML5+Three.jsã§3Dãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æŒ‘æˆ¦ï¼ â€“ å®‡éƒ½å®®ã‚¦ã‚¨ãƒ–åˆ¶ä½œæ‰€
ä¸¸åŠä¸»ãªã®ã«å¯ç™–ãŒä»˜ãç”·ã€æ£å®—ã§ã™ã€‚å‰å›žã®è¨˜äº‹ã€ŒActionscript3erãŒè¦šãˆã‚‹Javascriptã§ã®ã‚¯ãƒ©ã‚¹é–‹ç™ºã¾ã¨ã‚ã€ã§javascriptã‚’Actionscript3ãƒ©ã‚¤ã‚¯ã«æ›¸ãæ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã®ã§ã€ä»Šåº¦ã¯ç·´ç¿’ãŒã¦ã‚‰HTML5ã‚’ã•ã‚ã£ã¦ã¿ã¾ã—ãŸã€‚ WebGLç‰ˆã§ã™ã€‚ ã‚¯ãƒªãƒƒã‚¯ã§åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ãã¾ã™ã€‚ ç”»åƒã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ãã¾ã™ã€‚ ã†ã¾ãå‹•ã‹ãªã„å ´åˆã¯WebGLã‚’ä½¿ã‚ãªã„ç´ ã®Canvasãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚‚ä½œã£ã¦ã¿ã¾ã—ãŸã®ã§ã“ã¡ã‚‰ã®ãƒªãƒ³ã‚¯å…ˆã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§3Dç©ºé–“ã‚’ã†ãã†ãå‹•ãçš„ãªã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚“ã ã‚ã†ãªã€ã£ã¦æ€ã£ã¦ã‚‚ã‚‰ãˆãŸã‚‰ã†ã‚Œã—ã„ã§ã™ã€‚ã¡ãªã¿ã«èƒŒæ™¯ã«ã¯æ—…è¡Œã®æ€ã„å‡ºã®å†™çœŸã‚’ã‚ã—ã‚‰ã£ã¦ã€ãƒŠã‚¤ã‚¹ãªæ„Ÿã˜ã«ä»•ä¸Šã’ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã¯é©å½“ã«ã»ã˜ãã£ã¦è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ ä»Šå›žã¯ã€ã¯ã˜ã‚ã¦HTML5ã‚’è§¦ã£ã¦ã¿ãŸä¸ã§ã‚ã‹ã£ãŸã“ã¨ã‚’æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ HTML5ã§J
clavier 2012/02/02
canvas

three.js

javascript

html5
ãƒªãƒ³ã‚¯
THREE.jsã®ã‚½ãƒ¼ã‚¹èªã¿ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆä½œã‚Šã¾ã—ãŸ - ãšã£ã¨å›ã®ã‚¿ãƒ¼ãƒ³
çš†ã•ã‚“THREE.jsã¯å˜ãªã‚‹WebGLã®ãƒ©ãƒƒãƒ‘ãƒ¼ã¨æ€ã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿéš›ã¯ãã‚Œã ã‘ã§ã¯ãªãã¦ã€ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒãƒ¼ãƒ€ãƒ¼ã‚„è¦–ç‚¹ç®¡ç†ç”¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ãªã‚“ã‹ã®è£œåŠ©ã‚¯ãƒ©ã‚¹ã«åŠ ãˆã¦ã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚„ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã¾ã§ä»˜ã„ã¦ã„ã¦ã€ãŸã¶ã‚“è¦‹ãŸã“ã¨ãªã„äººãŒè€ƒãˆã¦ã„ã‚‹ã‚ˆã‚Šã„ã‚ã„ã‚ã§ãã¾ã™ã€‚ ãŸã ã€ã„ã‹ã‚“ã›ã‚“ã¾ã¨ã‚‚ãªãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒãªã„ã®ã§ã€ãã‚Œã‚‰ã‚’å®Ÿéš›ã«ä½¿ã†ã«ã¯ã€ãã®ã‚¯ãƒ©ã‚¹ã‚’ä½¿ã£ã¦ã„ã‚‹ä¾‹ã‚’è¦‹ã¤ã‘ã¦ã€ã•ã‚‰ã«ãã‚Œã‚‰ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ã‚’æ¤œç´¢ã—ã¦ä½¿ã„æ–¹ã‚’èª¿ã¹ã‚‹ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚ æ£ç›´é¢å€’ãã•ã„ã®ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§å°‘ã—ã ã‘æ¥½ã«ã‚½ãƒ¼ã‚¹ã‚’çœºã‚ã‚‰ã‚Œã‚‹ã‚µã‚¤ãƒˆã‚’ç«‹ã¡ä¸Šã’ã¾ã—ãŸã€‚ http://threejsdoc.appspot.com/doc/index.html ãŸã ã—ã“ã‚Œã¯ã‚ãã¾ã§ã‚‚ã‚½ãƒ¼ã‚¹èªã‚€ã®ã‚’æ‰‹ä¼ã†ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ä½•ã‚„ã£ã¦ã‚‹ã‚¯ãƒ©ã‚¹ãªã®ã‹ã¨ã‹ã€ã©ã†ã‚„ã£ã¦ä½¿ã†ã‹ã¨ã‹ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«åã‚„ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å¤‰æ•°ã‹ã‚‰æŽ¨æ¸¬ã—ãŸã‚Šã€ã‚µãƒ³ãƒ—
clavier 2012/01/31
three.js

programming

reference

javascript

WebGL
ãƒªãƒ³ã‚¯
1