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

toshi3221 id:toshi3221

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

${{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}}

CubeTexture orientation Â· Issue #16328 Â· mrdoob/three.js
toshi3221 2020/01/19
ç’°å¢ƒãƒžãƒƒãƒ—ã®å›žè»¢ã§ãã‚‹ã‹ã‚‚ã€‚envMap.rotation

three.js
ãƒªãƒ³ã‚¯
glTF Viewer
Drag-and-drop preview tool for glTF 2.0 3D models.
toshi3221 2020/01/06
glTFãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼å‡ºæ¥ã‚‹ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å¯èƒ½

gltf

three.js
ãƒªãƒ³ã‚¯
Blender2.8ã§glTFã‚’å‡ºåŠ›
ã€ŒglTFã‚’Three.jsã§èªã¿è¾¼ã¿ã€ã§glTFã‚’Three.jsã§èªã¿è¾¼ã¿ã¾ã—ãŸãŒã€ãã®é ƒã¯3DCGã‚’å§‹ã‚ãŸã°ã‹ã‚Šã§ã‚ã‹ã‚‰ãªã„ã“ã¨ã‚‚å¤šãã€Three.jsã§èªã¿è¾¼ã‚“ã ã¨ãè‰²ã‚„è³ªæ„ŸãŒå†ç¾ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚æœ€è¿‘Blender2.8ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€æ¨™æº–ã§glTFãŒå‡ºåŠ›ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã€ã€ŒBlenderã§iPhoneXSã‚’åˆ¶ä½œ(2)ã€ã§åˆ¶ä½œã—ãŸiPhoneXSã‚’glTFã§å‡ºåŠ›ã—ã¦ã€Three.jsã§èªã¿è¾¼ã‚“ã§ã¿ã¾ã—ãŸã€‚ Blenderã«ã‚‚æ…£ã‚Œã¦ãã¦å‚è€ƒæ›¸ã‚‚å‡ºå§‹ã‚ã¦ããŸã®ã§ã€ãã‚ãã‚Blender2.8ã‚’ä½¿ã„å§‹ã‚ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â— PBRãƒžãƒ†ãƒªã‚¢ãƒ«ã®è¨å®š ãƒžãƒ†ãƒªã‚¢ãƒ«ã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã€Blenderã®ãƒ—ãƒªãƒ³ã‚·ãƒ—ãƒ«BSDFã§PBRãƒžãƒ†ãƒªã‚¢ãƒ«ã‚’è¨å®šã—ã¾ã™ã€‚PBRï¼ˆç‰©ç†ãƒ™ãƒ¼ã‚¹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼‰ã¯ç¾å®Ÿã®å…‰å¦ç¾è±¡ã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒªã‚¢ãƒ«ãªè³ªæ„Ÿã‚’è¡¨ç¾ã§ãã‚‹ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ–¹æ³•ã§ã™ã€‚
toshi3221 2019/12/20
PBRãƒžãƒ†ãƒªã‚¢ãƒ«ã‚’blenderã§è¨å®šã—ã¦glTFã«ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’three.jsã§è©¦ã—ã¦ã„ã‚‹

blender

glTF

three.js
ãƒªãƒ³ã‚¯
Adreno 300 series GPU black texture flickering Â· Issue #9988 Â· mrdoob/three.js
toshi3221 2017/05/08
three.js

WebGL

Adreno
ãƒªãƒ³ã‚¯
WebGLã§ãªã‚“ã‹ç¶ºéº—ãªã‚ãƒ©ã‚ãƒ©ãªãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®æ¼”å‡ºã‚’ä½œã£ã¦ã¿ãŸ Â· ã‘ã‚“ã”ã®ãŠå±‹æ•·
å…ƒã€… OpenGL ã‚’ä½¿ã£ã¦ã„ãŸã“ã¨ãŒã‚ã£ã¦ 3D ã®åŸºç¤Žã«ã¤ã„ã¦ã¯ã‚ã‚‹ç¨‹åº¦ã‚ã‹ã£ã¦ã„ãŸã®ã§ WebGL ã«ã¯æœ¬å½“ã«ã™ã‚“ãªã‚Šå…¥ã‚‹ã“ã¨ãŒã§ããŸã€‚WebGL ã¯ OpenGL ES ã®ä»•æ§˜ã‚’å…ƒã«ã—ã¦ã„ã‚‹ã®ã§å½“ç„¶ã¨ã„ãˆã°å½“ç„¶ãªã®ã§ã™ãŒã€ä»–ã® OpenGL ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨æ¯”ã¹ã¦ WebGL ã¯ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã•ãˆã‚ã‚Œã°é–‹ç™ºç’°å¢ƒãŒæ•´ã†ã¨ã„ã†æ‰‹è»½ã•ã€ã•ã‚‰ã« WebGL ç•Œéšˆã§ã¯ã¨ã¦ã‚‚æœ‰åãª three.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚‹ãŠã‹ã’ã§ã€ã•ã‚‰ã«æ•·å±…ãŒä¸‹ãŒã£ã¦ã‚‹ã€‚ã¨ã„ã†ã“ã¨ã§ã€å‰ã€…ã‹ã‚‰ WebGL ã§ä½œã£ã¦ã¿ãŸã‹ã£ãŸç¶ºéº—ã§ã—ãªã‚„ã‹ãªãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®æ¼”å‡ºã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ The XSEEDS â€»ã¡ãªã¿ã« XSEEDS ã¨ã„ã†ã®ã¯ã€æœ‰å¿—ã§é›†ã¾ã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãŠé…’é£²ã¿ãªãŒã‚‰ãƒ¯ã‚¤ãƒ¯ã‚¤é–‹ç™ºã‚„ã£ã¦ã‚‹é›†å›£ã§ã™ã€‚ ä½œã£ã¦ã¿ãŸã®ã§ã€ã›ã£ã‹ããªã®ã§ WebGL ã£ã¦ã“ã‚“ãªã“ã¨ãŒã§ãã‚‹ã‚ˆã€ã“ã†ã‚„ã£ã¦ä½œã‚Œã‚‹ã‚“
toshi3221 2016/04/13
webgl

Canvas

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

js

particle

three.js
ãƒªãƒ³ã‚¯
THREE.MMDLoader / examples
MMDLoader / examples
toshi3221 2016/04/03
three.js

MMD

MMDLoader
ãƒªãƒ³ã‚¯
three.js - mesh group example? (THREE.Object3D() advanced)
The dragging will be a bit more tricky because you need to work out where would the x/y positions of the mouse on the screen (screen space) will be in the 3D world, then you will need to cast a ray and check if it intersects the object you want to drag. I presume this will be a different question. Setting object hierarchy is fairly simple. As you hinted, you will use a THREE.Object3D instance to n
toshi3221 2016/02/16
3D

object

three.js

group
ãƒªãƒ³ã‚¯
MMDLoader will be in Three.js r74 - ã‚„ã‚‹æ°—ã®ãªã„ãƒ–ãƒã‚°(A boring diary)
THREE.MMDLoader which I've been developing will be available in Three.js r74. It was already merged into r74 dev. https://github.com/mrdoob/three.js/pull/7687 MMDLoader enables you to use MMD data on browser with Three.js. Demo: http://takahirox.github.io/three.js/examples/index.html#webgl_loader_mmd_stage (Sound comes out) http://takahirox.github.io/MMDLoader-app/index.html Source code: https://g
toshi3221 2015/11/30
MMD

MikuMikuDance

Three.js

3DCG

github
ãƒªãƒ³ã‚¯
THREE.jsã‚’ã‚µãƒ³ãƒ—ãƒ«ã®ã¾ã¾ä½œã‚‹ã¨CPUä½¿ç”¨çŽ‡ãŒåŠç«¯ã˜ã‚ƒãªã„ä»¶ - tsuge development page
æœ€åˆã«ã€ã“ã“ã§ä½¿ã£ã¦ã„ã‚‹ã®ã¯THREE.jsã®Rev.49ãªã®ã§ãã®ã¤ã‚‚ã‚Šã§ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³é•ã„ã®å ´åˆã¯ã¾ãŸåˆ¥ã®è§£ãŒã‚ã‚‹ã‹ã‚‚ã§ã™ã€‚ THREE.jsã‚’ã‚µãƒ³ãƒ—ãƒ«ã®ã¾ã¾ä½œã‚‹ã¨ã€ãƒ‡ãƒ¥ã‚¢ãƒ«CPUã§ã‚ã‚ã†ã¨æœ€å¤§é™ã«CPUã‚’ä½¿ã£ã¦ãã‚Œã¦å¸¸æ™‚100ï¼…è¿‘ã„ã€‚ ã¡ãªã¿ã«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒœãƒ¼ãƒ‰ã‚’ã¡ã‚ƒã‚“ã¨æè¼‰ã—ã¦ã„ã‚‹PCãªã‚‰åˆ¥ã¨ã—ã¦ã€ãƒ“ã‚¸ãƒã‚¹å‘ã‘ãƒŽãƒ¼ãƒˆPCãªã©ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ãŒã‚“ã°ã£ã¦ã‚‹å ´åˆãã€‚ Webã‚µã‚¤ãƒˆè¡¨ç¤ºã—ã¦CPU100ï¼…ãªã‚“ã¦ã€æ£ç›´ã„ã‚„ã ã‚ˆãã¨ã€‚ CPUæ™‚é–“ãªã‚“ã¦æœ€è¿‘ãã‚“ãªæ°—ã«ãªã‚‹ã‚‚ã‚“ã§ã‚‚ãªã„ã‘ã©ã€ãƒŽãƒ¼ãƒˆã¯ç†±ããªã‚‹ã—ã€ãƒãƒƒãƒ†ãƒªã®æ¶ˆè²»ã‚‚æ—©ã„ã—ã€ã©ã£ã¡ã«ã—ã‚ä½¿ç”¨çŽ‡ã¯å°‘ãªã„ã«è¶Šã—ãŸã“ã¨ãªã„ã ã‚ã¨ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ã‚ˆãè¦‹ã‚‹ã®ã¯ã“ã†ã„ã†å‡¦ç†ã€‚ function animate() { requestAnimationFrame(animate); render(); } function render() { render
toshi3221 2015/11/22
WebGL

performance

three.js

javascript

CPU

renderer
ãƒªãƒ³ã‚¯
å®‰è—¤æ—¥è¨˜ [&] WebGL Performance Tuning
å®‰è—¤æ—¥è¨˜ å®‰è—¤æ—¥è¨˜ï¼šãƒ‡ã‚¸ã‚¿ãƒ«ã‚¬ã‚¸ã‚§ãƒƒãƒˆå¥½ãã€Œå®‰è—¤å¹¸å¤®ã€ã®æ—¥ã€…ã®ãƒ¡ãƒ¢ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ ( via. Behind the magic of AKQA Winterlands ) #WebGL Performance Tuning WebGLã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ãƒ—ãƒã‚°ãƒ©ãƒ ã®é€Ÿåº¦ã‚’ã‚³ãƒ„ã‚³ãƒ„ã¨é€Ÿãã™ã‚‹ãŸã‚ã®ã€ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°è¦³ç‚¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¾ãšã¯ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ãŒé‡è¦ã€‚ é—‡é›²ã«ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ã¦ã‚‚ã€ã‚ã¾ã‚Šé€Ÿããªã‚‰ãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€æœ€åˆã®è¨è¨ˆã‚„ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢æ€§èƒ½ã‚’çŸ¥ã£ãŸä¸Šã§ã®ãƒ‡ãƒ¼ã‚¿é‡ã®è¦‹ç©ã‚‚ã‚Šã‚‚é‡è¦ã§ã™ã€‚ â– WebGLãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã®ã‚³ãƒ„ â—ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ‘
toshi3221 2015/11/22
CPU

WebGL

performance

OpenGL

GPU

browser

javascript

three.js
ãƒªãƒ³ã‚¯
atpages.jpÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â atpages ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
toshi3221 2015/11/04
three.js

ãƒœãƒ¼ãƒ³

MMD

js

JavaScript

å‰›ä½“
ãƒªãƒ³ã‚¯
WebGLå¯¾å¿œã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªThree.jsã‚’çˆ†é€Ÿã«ã™ã‚‹æ–¹æ³• | ClockMaker Blog
å‰å›žã®WebGL(Three.js)ã¨Stage3D(Away3D)ã®æ¯”è¼ƒã§ã™ãŒã€Mr.doobã•ã‚“ã‚’å§‹ã‚å›½å†…å¤–ã®å¤šãã®æ–¹ã‹ã‚‰ã”æŒ‡æ‘˜é ‚ãWebGL(Three.js)ç‰ˆã‚’æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã€æœ€çµ‚çš„ã«ã¯Flash(Away3D)ç‰ˆã¨åŒã˜ãã‚‰ã„ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ãªã‚Šã¾ã—ãŸã€‚å½“åˆã€æœ€é©åŒ–ãƒ»æ¤œè¨¼ä¸è¶³ã§é–“é•ã£ãŸæƒ…å ±ã‚’æŽ²è¼‰ã—ã¦ã—ã¾ã„ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã•ã¦ã€ãã®WebGL(Three.js)ç‰ˆã‚’æœ€é©åŒ–ã—ãŸæ‰‹æ³•ãŒæœ‰æ„ç¾©ã ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ç´¹ä»‹ ã¾ãšã¯ã“ã¡ã‚‰ã®2ã¤ã®ãƒ‡ãƒ¢ã®å†ç”Ÿã‚’æ¯”è¼ƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚WebGLå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶(ä¾‹ï¼šGoogle Chrome)ã§ã”è¦§ãã ã•ã„ã€‚ â–¼æœ€é©åŒ–å‰ â–¼æœ€é©åŒ–å¾Œ ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ åœ§å€’çš„ã«å¾Œè€…ã®ã»ã†ãŒæ»‘ã‚‰ã‹ã«å†ç”Ÿã§ãã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å¾Œè€…ã®ã»ã†ã¯é…ç½®ã—ã¦ã„ã‚‹3Dã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæ•°ãŒ10å€è¿‘ãå¤šã„ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã§ã™ã€‚ â€»ã¡ãªã¿ã«Flash
toshi3221 2015/07/25
THREE.GeometryUtils.merge()ã§ã‚¸ã‚ªãƒ¡ãƒˆãƒªã‚’çµåˆã—ã¦æç”»ã‚³ãƒ¼ãƒ«ã‚’æ¸›ã‚‰ã™

3D

HTML5

three.js

webgl

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

é«˜é€ŸåŒ–

é–‹ç™º
ãƒªãƒ³ã‚¯
Three.jsã§é›ªã‚’é™ã‚‰ã›ã‚‹
WebGL Advent Calender 16æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ä½•ç•ªç…Žã˜ã‹ã‚ã‹ã‚‰ãªã„ã§ã™ãŒã€ã“ã®å£ç¯€ã§ã™ã®ã§Three.jsã®å…¥é–€ç”¨ã¨ã—ã¦é›ªã£ã½ã„ã®ã‚’é™ã‚‰ã›ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Three.jsã§é›ªã‚’é™ã‚‰ã›ã‚‹ ãƒ‡ãƒ¢ åŸºæœ¬çš„ã«é€šå¸¸ã®Three.jsã§ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¡¨ç¤ºã•ã›ã‚‹æ™‚ã¨åŒã˜ã§ç°¡å˜ã§ã™ã€‚ PointCloudMaterialã«è‰²ã¨ã‚µã‚¤ã‚ºã¨ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’æ¸¡ã—ã¦ãƒžãƒ†ãƒªã‚¢ãƒ«ã¨ã—ã¦ã„ã¾ã™ã€‚ï¼ˆã„ã¤ã®ã¾ã«ã‹åå‰ãŒå¤‰ã‚ã£ã¦ã¾ã—ãŸã€‚ï¼‰ ã¡ãªã¿ã«ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¯è¦‹ãˆã«ãã„ã§ã™ãŒã“ã‚“ãªæ„Ÿã˜ã§ã™â†“ ã“ã‚Œã§PointCloudã‚’ç”Ÿæˆã—ã¦ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ã¾ã™ã€‚ï¼ˆã„ã¤ã®ã¾ã«ã‹ã“ã‚Œã‚‚åå‰ãŒParticleSystemã‹ã‚‰å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ï¼‰ ã¾ãŸã€FogExp2ã§ãƒ•ã‚©ã‚°ã‚’è¨å®šã—ã¦ã€é ãã®ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚’æŒ‡å®šã—ãŸè‰²ã«è¿‘ãšã‘ã¦ã€éœžã‚“ã§è¦‹ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ã‚ã¨ã¯ã“ã®PointCloudã®yè»¸ä¸å¿ƒå›žè»¢ã¨ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®
toshi3221 2015/05/06
WebGL

three.js
ãƒªãƒ³ã‚¯
Blenderã¨three.jsã‚’ä½¿ã£ã¦è¡Œã†ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ | KnockKnock
ä»Šå›žã¯ã€Blenderã§ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã¦ã€JSONå½¢å¼ã§æ›¸ãå‡ºã—ã¦ã€three.jsã§JSONãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚“ã§ã€ãƒ¢ãƒ¼ãƒ•ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å†ç¾ã™ã‚‹æµã‚Œã‚’ã€ã–ã£ãã‚Šã¨èª¬æ˜Žå‡ºæ¥ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã€ä»¥ä¸‹ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰é ‚ã‘ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆã«Blenderã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚Blenderã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ˆç„¡å„Ÿï¼‰ã®3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ« ã§ã€ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.72bã«ãªã‚Šã¾ã™ã€‚3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã¯Mayaã‚„3dsMaxã‚„Lightwave3Dç‰ã€é«˜æ©Ÿèƒ½ãªãƒ—ãƒç”¨ã‚½ãƒ•ãƒˆãŒå¤šãã‚ã‚Šã¾ã™ãŒã€ã©ã‚Œã‚‚ãã‚Œãªã‚Šã®ä¾¡æ ¼ã«ãªã‚Šã¾ã™ã€‚Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®åˆ©ç”¨ã«ãŠã„ã¦ã¯ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã‚ãã¾ã§ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šãªã®ã§ã€ä½¿ã†æ©Ÿèƒ½ã¨è¨€ãˆã°ã€ã›ã„ãœã„ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç¨‹åº¦ã«ãªã‚Šã€é«˜ä¾¡ã§é«˜æ©Ÿèƒ½ãª3DCGåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã¯ã€ã‚ªãƒ¼ãƒãƒ¼ã‚¹ãƒšãƒƒã‚¯ã ã¨æ€ã„ã¾ã™ã€‚Bl
toshi3221 2015/04/28
Morph animationã¨Skeletal animationã®é•ã„ã«ã¤ã„ã¦

blender

3DCG

three.js
ãƒªãƒ³ã‚¯
How to convert MMD files to JSON for three.js | Yomotsu net
I published a video, which is explaining the way to convert MMD files ( PMX and VMD ) to a JSON file for three.js. Here is it. The convert was operated on Blender. Preparation Check the language setting at preference to display Japanese characters. Install and activate following addons mmd-tools io_mesh_threejs Load MMD files Load a PMX file Select all bones Load a VMD file Bake Actionsome bones o
toshi3221 2015/03/17
mmd

three.js

blender

json

MikuMikuDance
ãƒªãƒ³ã‚¯
Three.jsã§JSONå½¢å¼ã§ãƒ¢ãƒ‡ãƒ«ã‚’èªã¿è¾¼ã‚“ã§Boneã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã¨ãã®æ³¨æ„ç‚¹ - Qiita
ã¡ã‚‡ã£ã¨ï¼ˆã ã„ã¶ï¼Ÿï¼‰ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã„ã‚„ãƒ¼ã€Three.jsã¯updateãŒæ¿€ã—ã„ã®ã¨ã€ãã‚‚ãã‚‚æ—¥æœ¬èªžè¨˜äº‹ãŒå°‘ãªã„ã®ã§ã ã„ã¶è‹¦æˆ¦ã—ãŸã€‚ï¼ˆã¨ã„ã†ã‹ã€ã¾ã å…¨ç„¶ã—ã£ã‹ã‚ŠæŠŠæ¡ã§ãã¦ãªã„ã‘ã©ï¼‰ ã¨ã‚Šã‚ãˆãš ãƒ¢ãƒ‡ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ ã€ã¨ã„ã†WebGLã§ãªã«ã‹ã‚„ã‚‹ã¨ãã«é¿ã‘ã¦é€šã‚Œãªã„å‡¦ç†ã§ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ã¾ãšçµè«–ã‹ã‚‰è¨€ã†ã¨ã€Boneã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã•ã›ã‚‹éš›ã¯ã€Boneã®æ•°ãŒå•é¡Œã«ãªã‚‹ã½ã„ã€‚ boneã®æ•°ã¯ã©ã†ã‚„ã‚‰é–¢ä¿‚ãªã„ã½ã„ã€‚æ”¹ã‚ã¦æ›¸ãã ã—ã¦ã¿ãŸã‚‰æ£å¸¸ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ãƒ¢ãƒ‡ãƒ«ãƒ‡ãƒ¼ã‚¿ã¯Blenderã§Three.jsã®JSONå½¢å¼ã«Exportã—ãŸã‚‚ã®ã‚’ä½¿ç”¨ã€‚ Exportè¨å®š ãƒ¢ãƒ‡ãƒ«ã‚’ä½œæˆã—ã¦Boneã‚’ã„ãã¤ã‹é©å½“ã«è¿½åŠ ã—ã¦ã‹ã‚‰ï¼ˆ17ãã‚‰ã„ï¼Ÿï¼‰Exportã—ã¦èªã¿è¾¼ã¾ã›ãŸã¨ã“ã‚ã€ãƒ¢ãƒ‡ãƒ«è‡ªä½“ã¯æ£å¸¸ã«èªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªã„ã€‚ è©¦ã—ã«Boneã‚’ãµ
toshi3221 2015/03/13
blender

json

Three.js

webgl
ãƒªãƒ³ã‚¯
æ—¥è¨˜ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
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 æ··åœ¨ã§ã
toshi3221 2015/03/12
HTML5

webgl

three.js

WebGL
ãƒªãƒ³ã‚¯
SSSSLIDE
toshi3221 2015/03/12
WebGL

Three.js

blender
ãƒªãƒ³ã‚¯
three.js ã§ Blender ã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã—ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆ - jsdo.it - Share JavaScript, HTML5 and CSS
- 2 users
- jsdo.it
- å¦ã³
three.js ã§ Blender ã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã—ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆ ï¼œå¯¾å¿œã—ãŸç‚¹ï¼ž @boxheadroom ã•ã‚“ã®ç«‹ä½“æµ®ä¸–çµµãƒ‡ãƒ¼ã‚¿ï¼ˆBlenderå½¢å¼ï¼‰ã‚’ three.js ã§è¡¨ç¤ºã—ã¦ã¿ã¾ã—ãŸã€‚ ï¼œæ‰‹é †ï¼ž 1. Blender ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ â– Download Blender 2.72 for Windows http://www.blender.org/download/ 2. Blender ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 3. Blender ã«ã¦ãƒ‡ãƒ¼ã‚¿èªã¿è¾¼ã¿ â– æµ®ä¸–çµµã‚’Blenderã®sculptã§ç«‹ä½“ã£ã½ãã—ã¦ã¿ãŸ http://boxheadroom.com/webgl/ukiyoe.zip 4. ãƒãƒªã‚´ãƒ³æ•°å‰Šæ¸› â– Blenderã‚’ç”¨ã„ãŸãƒãƒªã‚´ãƒ³æ•°å‰Šæ¸› - æƒ…å ±ãƒ¡ãƒ‡ã‚£ã‚¢å®Ÿé¨“ http://slis.tsukuba.ac.jp/~fujisawa.makoto.fu/lecture/
toshi3221 2015/03/12
Three.js

blender
ãƒªãƒ³ã‚¯
ã€ŽThree.jsã¨Blenderã«ã‚ˆã‚‹WebGLã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ åˆã‚ã¾ã—ã¦ã€‚ html5ã€javascriptã€flashãªã©ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–‹ç™ºã‚’ ãƒ¡ã‚¤ãƒ³ã«æ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€ è…å®¶(@KA_ka_YY)ã¨ç”³ã—ã¾ã™ã€‚ å¼Šç¤¾3æœˆã«è¡Œã‚ã‚Œã¾ã—ãŸã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’å¯¾è±¡ã¨ã—ãŸ ã‚¢ãƒ—ãƒªã‚³ãƒ³ãƒ†ã‚¹ãƒˆã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã«ã¦ WebGLã‚’ä½¿ç”¨ã—ãŸé‡Žçƒç›¤ã‚²ãƒ¼ãƒ ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãã®éš›åˆ©ç”¨ã—ãŸThree.jsï¼ˆWebGLã®javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‰ã‚’ç”¨ã„ãŸ WebGLã®ä½¿ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã•ã›ã¦ã„ãŸã ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆ1ï¼‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¾ãšã¯Â BlenderÂ ã¨ã„ã†ãƒ•ãƒªãƒ¼ã®3Dãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã§ ä»¥ä¸‹ã®ã‚ˆã†ãªã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚’ä½œã‚Šã¾ã—ãŸ
toshi3221 2015/03/07
html5

javascript

3D

blender

Three.js

WebGL
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸