[B! processing][3d] animistã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

animist id:animist

processingã¨3dã«é–¢ã™ã‚‹animistã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

TrackBall: rotating 3D objects by dragging mouse
animist 2020/05/07
3d

processing
ãƒªãƒ³ã‚¯
p5.jsã§3æ¬¡å…ƒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è©¦ã—ã¦ã¿ãŸ - infosmith.biz
æ°—ã¥ã‘ã°å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰æ—¢ã«1ã‚«æœˆä»¥ä¸ŠãŒçµŒéŽã€‚ã„ã‹ã‚“ã§ã™ãã€‚æ£ç›´ã€ã‚³ãƒ¼ãƒ‰ã¯ã„ã£ã±ã„æ›¸ã„ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã‚Œã‚’ã‚¨ãƒ³ãƒˆãƒªåŒ–ã—ã‚ˆã†ã¨æ•´ç†ã—å§‹ã‚ã‚‹ã¨ã€è¿½åŠ ã§èª¿ã¹ã¦ã¿ãŸã„ã“ã¨ã‚„è©¦ã—ã¦ã¿ãŸã„ã“ã¨ãŒæ¬¡ã‹ã‚‰æ¬¡ã¸ã¨å‡ºã¦ãã¦ã€ãªã‹ãªã‹æ‰‹ãŒé€²ã¿ã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã€Œp5.jsã€ã®3æ¬¡å…ƒæ©Ÿèƒ½ã«ã¤ã„ã¦ã€‚Processingã§ã¯ã€ã€Œsizeã€é–¢æ•°ã®ç¬¬3å¼•æ•°ã«ã€ŒP3Dã€ã‚ã‚‹ã„ã¯ã€ŒOPENGLã€ã¨æ›¸ã„ã¦ãŠãã“ã¨ã§ã€ã‚¹ã‚±ãƒƒãƒå†…ã§3æ¬¡å…ƒåº§æ¨™ã‚’æ‰±ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã€Œp5.jsã€ã«ã‚‚åŒç‰ã®æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€createCanvasé–¢æ•°ã®ç¬¬3å¼•æ•°ã¨ã—ã¦ã€ŒWEBGLã€ã¨æŒ‡å®šã—ã¦ã‚„ã‚Šã¾ã™ã€‚ è©¦ã—ã«ã€ä»¥å‰Processingã§æ›¸ã„ãŸ3æ¬¡å…ƒã®ã‚¹ã‚±ãƒƒãƒã‚’p5.jså‘ã‘ã«æ›¸ãç›´ã—ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆ2017/10/12è¿½è¨˜ï¼šã“ã®ã‚¹ã‚±ãƒƒãƒã¯5.14å‘ã‘ã®ã‚‚ã®ã§ã™ãŒã€p5.jsã§ã¯5.16ä»¥é™ã§WebGLé–¢é€£ã®æ©Ÿèƒ½ãŒå¤§ããã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ãŠã‚Šã€
animist 2019/08/14
processing

p5.js

javascript

3d

webgl
ãƒªãƒ³ã‚¯
p5.jsãŒWebGLï¼†3Då¯¾å¿œã€‚è»½ãã„ã˜ã£ã¦ã¿ã¾ã™ - Qiita
åœ°å‘³ã«æ‹¡å¼µã—ã¦ã„ã‚‹p5.jsã€‚ä¹…ã€…ã«ã‚¦ã‚©ãƒƒãƒã—ã¦ã¿ã‚‹ã¨2015/10/05ã®ãƒªãƒªãƒ¼ã‚¹ã§WebGLå¯¾å¿œã—ã¦ã„ã¦ã€ãã‚Œã«ä¼´ã„3Dã®ã‚µãƒãƒ¼ãƒˆã‚‚ã¯ã˜ã‚ãŸã‚ˆã†ã§ã™ã€‚ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¯è‰²ã€…å…ˆã‚’è¶Šã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã„ã˜ã£ã¦ã¿ã¾ã—ãŸã€‚ æœ€å¾Œã¯ã€æ™‚é–“ãŒãªã‹ã£ãŸã®ã§ã‚·ãƒ³ãƒ—ãƒ«ãªUFOä½œã£ã¦çµ‚äº† ##åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ è¦‹ã‚‹ã¨ã“ã‚ã¯å…¬å¼ã‚µã‚¤ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã‚ã¨ã¯ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¯ãã‚Œã«è¼‰ã‚Šåˆ‡ã‚‰ãªã„å®Ÿè£…ãŒã‚ã‚Šã¾ã—ãŸã€‚ã¾ãšã¯åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ã‚’ p5ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ã‚µãƒ³ãƒ—ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã®ã€ã‚³ãƒ¡ãƒ³ãƒˆå†’é ã«ã¯Shiffmanã®ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ãŒã€‚å®£ä¼ä¹™ã§ã‚ã‚Šã¾ã™ // Learning Processing // Daniel Shiffman // http://www.learningprocessing.com // Example 1-1: stroke and fill function setup() { creat
animist 2019/08/14
processing

p5.js

javascript

webgl

3d
ãƒªãƒ³ã‚¯
2. åº§æ¨™ã®ç§»å‹•ã€å›žè»¢ï¼ˆprocessing 3Då…¥é–€ï¼‰ | Yasushi Noguchi Class
ã™ã§ã«ä¾‹é¡Œã¨ã—ã¦ã¯è§¦ã‚Œã¦ã„ã¾ã™ãŒã€åº§æ¨™ã®ç§»å‹•ã‚„å›žè»¢ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ç§»å‹•ï¼ˆtranslateï¼‰ ã•ã¦æ¬¡ã¯ã€ä»¥ä¸‹ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚’æç”»ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ translateã¨ã„ã†é–¢æ•°ã‚’ä½¿ã£ã¦ç§»å‹•ã•ã›ã‚‹ã®ã§ã™ãŒã€ã“ã“ã§æ³¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã¯ã€translateã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå˜ä½“ã‚’ç§»å‹•ã™ã‚‹ã®ã§ã¯ãªãã€ç©ºé–“å…¨ä½“ã‚’ç§»å‹•ã™ã‚‹ã¨ã„ã†ã“ã¨ãªã®ã§ã™ã€‚ã§ã™ã‹ã‚‰ã€è¤‡æ•°ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç”»é¢ä¸Šã«ã‚ã‚‹å ´åˆã¯ã€ã™ã¹ã¦ç§»å‹•ã—ã¾ã™ã€‚ ã¾ãŸã€ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã®ã‚ˆã†ã«ã€translateã‚’ç¹°ã‚Šè¿”ã™ã¨ã€ãã®çµæžœã¯è“„ç©ã•ã‚Œã¾ã™ã€‚ æç”»ã•ã‚Œã‚‹ãŸã³ã«åŸºæº–ç‚¹ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ void setup(){ size(400, 400, P3D); } void draw(){ background(0); translate(width/2, height/2); //ç«‹ä½“ã®ä¸å¿ƒã‚’ç”»é¢ä¸å¤®ã«ç§»å‹• for(int i = 0; i < 5;
animist 2019/05/26
processing

3d
ãƒªãƒ³ã‚¯
ã€Œè¶…å…¥é–€ã‚³ãƒ¼ãƒ‰10é¸ï¼ã€ã€Processing-3Dã€‘ - Qiita
ã¯ã˜ã‚ã¾ã—ã¦ã€ã¾ã™ã¿ã§ã™ï¼ ã¯ã˜ã‚ã« å€‹äººçš„ã«è€ƒãˆã‚‹è¶…åŸºæœ¬çš„ã§å¿…è¦ã ã¨è€ƒãˆã‚‹3Dç”¨ã®Processingã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ ï¼ˆã€Œè¶…å¿…é ˆã‚³ãƒ¼ãƒ‰10é¸ï¼ã€ã€Processingã€‘å†…ã®å¿…é ˆã‚³ãƒ¼ãƒ‰ã¯çœç•¥ã—ã¦ã„ã¾ã™ã€‚ï¼‰ 1. size (500, 500, P3D); 3Dç©ºé–“ä¸Šã§ã€ç”»é¢ã®æ¨ªã¨ç¸¦ã®å¤§ãã•ã‚’ãã‚Œãžã‚Œ500pxã«ã™ã‚‹ã€‚ Referenceï¼šsize(); 2. point(250,250,250); åº§æ¨™(250,250,250)ã®ä½ç½®ã«ç‚¹ã‚’æãã€‚ Referenceï¼špoint(); 3. box(10, 20, 30); å¹…10pxã€é«˜ã•20pxã€å¥¥è¡Œã30pxï¼ˆx,y,zè»¸æ–¹å‘ãã‚Œãžã‚Œã«10,20,30pxã®é•·ã•ï¼‰ã®ç›´æ–¹ä½“ã‚’æãã€‚ Referenceï¼šbox(); 4. sphere(100); åŠå¾„100pxã®çƒä½“ã‚’æãã€‚ Referenceï¼šsphere(); 5. transla
animist 2019/05/26
processing

3d
ãƒªãƒ³ã‚¯
ã€Processingå¦ç¿’ã€‘ 3Dç©ºé–“ã®åº§æ¨™ã«ç‚¹ã‚’æ‰“ã¤ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
animist 2019/05/26
processing

3d
ãƒªãƒ³ã‚¯
Processingã«ã‚ˆã‚‹3Dãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ä»Šæ—¥ã®å†…å®¹ Processingã§3DCGãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° 3Dã®åº§æ¨™ç³» OpenGLã¨ã¯ 2Dã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’3Dã«æ‹¡å¼µã—ã¦ã¿ã‚‹ 3Dåº§æ¨™ã§å›³å½¢ã‚’æã è¦–ç‚¹ã®ç§»å‹• 3Dã®ã‚’ç”¨ã„ãŸé«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã§3Dã‚’è¡¨ç¾ã™ã‚‹ã«ã¯ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ç”»é¢ã§3Dã‚’è¡¨ç¾ã—ãŸã„ ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€2D (ç¸¦æ¨ªã«ä¸¦ã‚“ã ãƒ”ã‚¯ã‚»ãƒ«) å¥¥è¡Œã¯æ“¬ä¼¼çš„ã«è¡¨ç¾ã™ã‚‹ã—ã‹ãªã„ ç”»é¢ã«ã€ç«‹ä½“ã‚„ç©ºé–“ãªã©ã®3æ¬¡å…ƒã®å˜åœ¨ã‚’æŠ•å½±ã—ã¦æç”»ã™ã‚‹ = 3DCG (3æ¬¡å…ƒã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹) 2æ¬¡å…ƒå¹³é¢ã«3æ¬¡å…ƒã®å˜åœ¨ã‚’æŠ•å½±ã™ã‚‹ã«ã¯ã€æ§˜ã€…ãªæ•°å¦çš„ãªçŸ¥è˜ãŒå¿…è¦ Processingã§ã¯ã“ã†ã—ãŸæ¼”ç®—ã‚’è‡ªå‹•çš„ã«è¡Œã†ã“ã¨ãŒå¯èƒ½ 3æ¬¡å…ƒã®åº§æ¨™ç³»ã‚’ãã®ã¾ã¾ä½¿ç”¨ã§ãã‚‹ é«˜é€Ÿãªè¡¨ç¤ºã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª(OpenGL)ã‚‚æ¨™æº–ã§ä½¿ç”¨å¯ 3Dã®åº§æ¨™ç³» 3Dãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åŸºæœ¬ ã¾ãš2Dã®å›³å½¢ã‚’å›žè»¢ã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ä½œæˆã—ã¦ã¿ã‚‹ translateã§ç”»é¢ã®
animist 2019/05/05
processing

3d
ãƒªãƒ³ã‚¯
Processingã§3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’æ‰±ã†ä¸Šã§ã®æ³¨æ„ç‚¹ - Imaginary Code
Processingã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®æç”»ç³»ã¯å†…éƒ¨ã§OpenGLã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ãŒã€Processingã®APIã¯ç‰¹æœ‰ã®ç™–ãŒã‚ã‚‹ã®ã§OpenGLã¨åŒã˜æ„Ÿè¦šã§ã‚„ã£ã¦ã„ã‚‹ã¨æ™‚ã€…æˆ¸æƒ‘ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚3Dã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¾ã‚ã‚Šã®Processingç‰¹æœ‰ã®ä»•æ§˜ã«ã¤ã„ã¦æ°—ã‚’ã¤ã‘ã¦ãŠãã¹ãç‚¹ã‚’ã“ã“ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ï¼ˆProcessing 3.5.4ã«ãŠã„ã¦å‹•ä½œç¢ºèªï¼‰ã€‚ ï¼ˆ2017/7/19ï¼‰ä¸»ã«è¡Œåˆ—ã®ã¨ã“ã‚ã‚’åŠ ç†ã—ã¾ã—ãŸã€‚ ï¼ˆ2019/5/15ï¼‰æ–‡ç« ã‚’å°‘ã—æ‰‹ç›´ã—ã—ã¾ã—ãŸã€‚æœ¬è³ªçš„ãªæ„å‘³ã¯å¤‰ãˆã¦ã¾ã›ã‚“ã€‚ ï¼ˆ2020/11/19ï¼‰åº§æ¨™ç³»ã®å‘ãã®å›³ã‚’æ›´æ–°ã—ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³è¡Œåˆ—ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ ï¼ˆ2021/9/6ï¼‰å›³ä¸ã®è¡Œåˆ—ã®è¨˜å·ã‚’Uãƒ»Pãƒ»Vãƒ»Mã«ç½®ãæ›ãˆã¾ã—ãŸã€‚æ„å‘³ã¯å¤‰ã‚ã£ã¦ã„ã¾ã›ã‚“ã€‚modelX()ãŠã‚ˆã³screenX()ã«ã¤ã„ã¦ã®èª¬æ˜Žã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ï¼ˆ2022/1/7ï¼‰ã€Œ3Dæç”»ã¨2Dæç”»ã‚’çµ„ã¿åˆ
animist 2016/01/04
Processing

3d
ãƒªãƒ³ã‚¯
1