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

animist id:animist

processingã¨javascriptã«é–¢ã™ã‚‹animistã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

p5.js
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else! Lauren Lee McCarthy reading the Processing Community Catalog. Photo credit: Maximo Xtravaganza. Coding Club for people aged 50+ in Korea, led by Inhwa Yeom. Qianqian Ye intro
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
p5.jsã®WebGLãƒ¢ãƒ¼ãƒ‰ã§ã€Œãƒ–ãƒ©ãƒ¼ã€ã‚’ä½¿ã£ã¦ã¿ã‚‹ - infosmith.biz
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
p5.jsã§ã€Œãƒ–ãƒ©ãƒ¼ã€ã‚„ã€Œã‚°ãƒãƒ¼ã€ã‚’ä½¿ã†æ–¹æ³• - infosmith.biz
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
p5.jsã§åŠ ç®—ãƒ–ãƒ¬ãƒ³ãƒ‰ | ã¯ã˜ã‚ã¦ãƒ—ãƒã‚°ãƒ©ãƒ
function setup() { createCanvas(400, 400); blendMode(AD
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
p5.jsã§ä½œã‚‹ã‚²ãƒ¼ãƒ é–‹ç™ºè¶…å…¥é–€ï¼100è¡Œä»¥å†…ã§ã€Œãƒ–ãƒãƒƒã‚¯å´©ã—ã€ã«æŒ‘æˆ¦ã—ã¦ã¿ã‚‹ï¼ : ã†ãˆã¶ã¯ã£ã
ã€Œp5.jsã€ã¨ã„ã†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒæœ€è¿‘æ°—ã«ãªã£ã¦ã„ãŸã®ã§ã€å‹‰å¼·ã‚‚å…¼ãã¦ã¡ã‚‡ã£ã¨éŠã‚“ã§ã¿ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚ã€Œcanvasã€ã‚’åˆ©ç”¨ã—ãŸæç”»å‡¦ç†ã‚’ç°¡å˜ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ãã‚‹ã®ãŒã€Œp5.jsã€ã®ç‰¹å¾´ã§ã™ãŒã€æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã¨ã¦ã‚‚å„ªç§€ã§ã€ã‚²ãƒ¼ãƒ ã€éŸ³æ¥½ã€Webã‚¢ãƒ—ãƒªã€IoTâ€¦ãªã©ã€å¹…åºƒã„ã‚¸ãƒ£ãƒ³ãƒ«ã®é–‹ç™ºãŒã§ãã‚‹ã¨ã“ã‚ã«é…åŠ›ã‚’æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ã‚²ãƒ¼ãƒ ç”¨ã®æ‹¡å¼µãƒ©ã‚¤ãƒ–ãƒªã€Œp5.playã€ã‚’ä½¿ã£ã¦ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã€Œãƒ–ãƒãƒƒã‚¯å´©ã—ã€ã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ ç”¨æ„ã™ã‚‹ã‚‚ã®ï¼ ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ã®ã«å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€ã€ŒHTMLãƒ•ã‚¡ã‚¤ãƒ«ã€ã¨ã€ŒJavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã€ã§ã™ã€‚ HTMLãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€å˜ç´”ã«ã€Œp5.jsã€é–¢é€£ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã€ä»Šå›žä½œã‚‹ã€Œãƒ–ãƒãƒƒã‚¯å´©ã—ã€ã®ã‚²ãƒ¼ãƒ ãƒ•ã‚¡ã‚¤ãƒ«ã€Œapp.jsã€ã‚’æ˜Žè¨˜ã™ã‚‹ã ã‘ã§OKã€‚  <!doctype htm
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
p5.jsã§ãƒŸãƒ‹ã‚²ãƒ¼ãƒ ã€Œãƒ¡ãƒ†ã‚ªãƒã‚¤ãƒ‰ã€ã‚’ä½œã£ã¦ã¿ãŸ â€“ infosmith.biz
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ã“ã¡ã‚‰ã®æœ¬ã®ç¬¬1ç« ã€Œãƒ™ã‚¯ãƒˆãƒ«ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹Processingã‚³ãƒ¼ãƒ‰ã‚’p5.jsã«ç§»æ¤ã—ãªãŒã‚‰ã‚¢ãƒ¬ãƒ³ã‚¸ã—ãŸã®ã§ã™ãŒã€ â– Nature of Code â€“ Processingã§ã¯ã˜ã‚ã‚‹è‡ªç„¶ç¾è±¡ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ãã®ç”»é¢ãŒã€Œå¼¾å¹•ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€ã®ã‚ˆã†ã«ãªã£ãŸã®ã«è§¦ç™ºã•ã‚Œã¦ã€ã›ã£ã‹ããªã®ã§ã‚ˆã‚Šã‚²ãƒ¼ãƒ ã½ãã‚¢ãƒ¬ãƒ³ã‚¸ã—ãŸã‚‚ã®ã‚’ä½œã‚‹ã“ã¨ã«æŒ‘æˆ¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã€ãã‚Œãªã‚Šã«æ¥½ã—ãã§ããŸã¨æ€ã†ã®ã§ã€ã‚ˆã‹ã£ãŸã‚‰éŠã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ â—ãƒŸãƒ‹ã‚²ãƒ¼ãƒ ã€Œãƒ¡ãƒ†ã‚ªãƒã‚¤ãƒ‰ã€ï¼ˆã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨åˆ¥ã‚¿ãƒ–ãŒé–‹ãã¾ã™ã€‚ãƒžã‚¦ã‚¹æŽ¨å¥¨ã€‚ã¡ã‚‡ã£ã¨ã ã‘éŸ³ãŒå‡ºã‚‹ã®ã§éŸ³é‡æ³¨æ„ï¼‰ èµ·å‹•ã™ã‚‹ã¨å³ã‚²ãƒ¼ãƒ ã‚¹ã‚¿ãƒ¼ãƒˆã§ã™ã€‚é»’ã„ã‚«ãƒ³ãƒã‚¹ä¸Šã®ã©ã“ã‹ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã“ã«ã€Œèµ¤ã„äºŒé‡ä¸¸ã€ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã‚²ãƒ¼ãƒ ã®ç›®çš„ã¯ã€ç”»é¢ä¸Šã§ãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿ã‚’å‹•ã‹ã—ã€ã“ã®ã€Œèµ¤ã„äºŒé‡ä¸¸ã€ã‚’ã‚†ã£ãã‚Šã¨è¿½ã„ã‹ã‘ã¦ãã‚‹é’ã„ãƒ„ãƒ–ãƒ„ãƒ–ã¨ã¶ã¤ã‹ã‚‰ãªã„ã‚ˆã†ã€ã§
animist 2019/08/14
processing

p5.js

javascript
ãƒªãƒ³ã‚¯
ProcessingÃ—Webã®è–„ã„æœ¬ãã ã•ã„ã€‚ ï½žProcessing.jsã«ã¤ã„ã¦ï½ž
KPF#x08 ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚ å‚åŠ ãƒ¬ãƒãƒ¼ãƒˆã¯ã“ã¡ã‚‰: KPF#x08 ã«å‚åŠ ã—ã¦ãã¾ã—ãŸ #kpf http://blog.livedoor.jp/reona396/archives/54390021.html ä½œå“ã¯ã“ã¡ã‚‰ã‹ã‚‰ã”è¦§ã„ãŸã ã‘ã¾ã™ã€‚ Processing.jsã‚’åˆ©ç”¨ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³&ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªWebãƒšãƒ¼ã‚¸èƒŒæ™¯ã‚’ã¤ãã£ã¦ã¿ãŸ http://blog.livedoor.jp/reona396/archives/54387465.html
animist 2014/08/13
processing

JavaScript
ãƒªãƒ³ã‚¯
HTML5é–‹ç™ºè€…å¿…è¦‹ã€æœ€é€Ÿã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã©ã‚Œã !? ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å¾¹åº•æ¤œè¨¼ | ICS MEDIA
HTML5ã§2æ¬¡å…ƒã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ¶ä½œã™ã‚‹ã«ã¯ã€ã•ã¾ã–ã¾ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚Šã¾ã™ã€‚ã©ã‚Œã‚’é¸æŠžã™ã‚‹ã¹ãã‹è¿·ã„ã©ã“ã‚ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãã“ã§ä»Šå›žã¯HTML5ã®å„ç¨®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¯”è¼ƒæ¤œè¨¼ã—ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žæ¤œè¨¼ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ãƒ¡ã‚¸ãƒ£ãƒ¼ãªJavaScirptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦æ¬¡ã®5ç¨®é¡žã§ãƒ†ã‚¹ãƒˆã—ã¾ã—ãŸã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2013å¹´4æœˆ10æ—¥ç¾åœ¨ã®æœ€æ–°ç‰ˆã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚è©³ã—ã„æ¤œè¨¼æ–¹æ³•ã¯è¨˜äº‹ã®å¾ŒåŠã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) å„ç¨®JavaScirptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯çµæžœ â€»ã‚°ãƒ©ãƒ•ã®æ•°å€¤ãŒé«˜ã„ã»ã©ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒé«˜ã„ã“ã¨
animist 2014/07/29
JavaScript

createjs

processing
ãƒªãƒ³ã‚¯
1