クリエイティブコーディングã®æ•™ç§‘書
ゲームエンジンや3Dソフトウェアを利用ã—ã¦é«˜åº¦ãªè¡¨ç¾ãŒã§ãã‚‹ã“ã®æ™‚代ã§ã‚‚ã€ãƒ—リミティブãªæ画や動ãã€ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‹ã‚‰å¦ã¹ã‚‹ã“ã¨ã¯å¤šã„。ãれらをJavaScriptã§æ›¸ãクリエイティブコーディングã¨ã„ã†å½¢ã§å¦ã¹ã‚‹æ‰‹å¼•æ›¸ãŒæœ¬æ›¸ã¨ãªã‚‹ã€‚
差分検出アルゴリズム三種盛り - Object.create(null)
ã“ã‚“ã°ã‚“ã¯. æ°—ãŒã¤ã‘ã°ã‚‚ã†ãšã„ã¶ã‚“ã¨æ¶¼ã—ããªã£ã¦ãã¾ã—ãŸ. å‹¢ã„ä½™ã£ã¦å‡ã£ã¦ã—ã¾ã£ãŸã‚Šã›ã¬ã‚ˆã†, ãã‚Œãれも普段ã®è¨€å‹•ã«ã¯ãŠæ°—ã‚’ã¤ã‘ãã ã•ã„. ã¯ã˜ã‚ã« ã•ã¦, 我々人類ã«ã¯ã©ã†ã—ã¦ã‚‚二ã¤ã®æ–‡å—列 (ã‚ã‚‹ã„ã¯è¡Œã”ã¨ã«åŒºåˆ‡ã‚‰ã‚ŒãŸãƒ†ã‚スト) é–“ã®å·®åˆ†ã‚’求ã‚ãªã‘ã‚Œã°ã„ã‘ãªã„瞬間ãŒç™ºç”Ÿã—ã¾ã™. 先人ãŸã¡ã¯ãã†ã„ã£ãŸæ™‚ã®ãŸã‚ã« diff ã®ã‚ˆã†ãªãƒ„ールを開発ã—, ãれを利用ã™ã‚‹ã“ã¨ã§æ–‡æ˜Žã¯ã‚ã–ã¾ã—ã„発展をé‚ã’ã¦ãã¾ã—ãŸ. ã—ã‹ã—ãªãŒã‚‰, 使用ã™ã‚‹ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ を比較検討ã—ãŸã„å ´åˆ, 「差分ã€ã®å®šç¾©ã‚’変ãˆã‚‹ãªã©ã—ã¦æ—¢å˜ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«å¤‰æ›´ã‚’åŠ ãˆãŸã„å ´åˆ, diff ã®ãªã„異世界ã«é£›ã°ã•ã‚Œã¦è‡ªåˆ†ã§å®Ÿè£…ã—ãªã‘ã‚Œã°ã„ã‘ãªã„時ãªã©ã«ãŠã„ã¦ã¯, 差分検出アルゴリズムã«ã¤ã„ã¦ã®ç†è§£ãŒå¿…è¦ä¸å¯æ¬ ã§ã™. ã¨ã„ã†ã‚ã‘ã§, ã“ã®è¨˜äº‹ã§ã¯æ–‡å—列間ã®å·®åˆ†æ¤œå‡ºã¨ã¯ä½•ã‹ã¨ã„ã†ã“ã¨ã¨, 差分を求ã‚る三種類ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®ç´¹ä»‹ãƒ»è§£èª¬
R Markdownã§ç”»åƒã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹æ©Ÿèƒ½(Lightbox)ã®å®Ÿè£… - Qiita
R Markdownã§ç”»åƒã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹æ©Ÿèƒ½(Lightbox)ã®å®Ÿè£… 先日r-wakalangã§è³ªå•ãŒã‚ãŒã£ãŸã®ã§ã‚„ã£ã¦ã¿ãŸã€‚ ç”»åƒã‚’拡大表示ã•ã›ãŸã„ R Markdownã§html出力ã™ã‚‹éš›ï¼Œplotã‚’æãã“ã¨ãŒå¤šã„ã§ã—ょã†ã€‚ãŸã ，ã“ã®plotãªã©ã®ç”»åƒå‡ºåŠ›ã¯ãã®ã¾ã¾ã§ã¯ã‚µã‚¤ã‚ºå›ºå®šã§ã‚り，ã“れを拡大ã—ã¦è¦‹ã‚ˆã†ã¨ã™ã‚‹ãªã‚‰æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ よãWebã®ã‚ã¡ã“ã¡ã§ã€Œç”»åƒã‚’クリックã™ã‚‹ã¨ãã®å ´ã§ãƒœãƒ¯ãƒ³ã£ã¨æ‹¡å¤§ç”»åƒãŒå‡ºã¦ãã‚‹ã€ã¨ã„ã†ã®ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¯ãƒšãƒ¼ã‚¸é·ç§»ã‚‚ãªã，ã¾ãŸãƒãƒƒãƒ—アップã§ã‚‚ãªã„ã®ã§ï¼Œèªè€…ã«ã‚¹ãƒ ーズã«æ‹¡å¤§ç”»åƒã‚’æä¾›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“れらã®å¤šãã¯JavaScriptã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šï¼Œä»£è¡¨çš„ãªã‚‚ã®ãŒLightboxã¨ã„ã†jsライブラリã§ã™ã€‚ã©ã†ã„ã†ã‚‚ã®ã‹ã¯ãƒªãƒ³ã‚¯å…ˆã«é£›ã‚“ã§ã‚‚らã£ã¦ç”»åƒã‚’クリックã—ã¦ã‚‚らãˆã‚Œã°ã™ãã«ç†è§£ã§ãã‚‹ã§ã—ょã†ã€‚ ã¨ã„ã†ã‚ã‘ã§ï¼Œã“ã®è¨˜äº‹
three.jsã§ã‚¸ã‚§ãƒãƒ©ãƒ†ã‚£ãƒ–アートã£ã½ã„ã“ã¨ã™ã‚‹ã®ã«å¿…è¦ãªçŸ¥è˜ - Processingä¸æ¯’者ã®å˜”å物
タイトルã®é€šã‚Šã€‚ 去年末ãらã„ã‹ã‚‰WebGLã¨ã„ã†ã‹three.jsã®å‹‰å¼·å§‹ã‚ã¦ã€ã‚る程度複雑ãªä½œå“ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ç¾åœ¨7ã¤ã»ã©http://p5aholic.me/ã§ä½œå“を公開ã—ã¦ã„る。 点ã¨ç·šãŒç¹‹ãŒã£ã¦ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹ã‚„ã¤ã¨ã‹ã€è¿‘ã„点ã§é¢ä½œã£ã¦ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹ã‚„ã¤ã¨ã‹ã€ãã†ã„ã†ã®ã‚’three.jsã§ä½œã‚‹ã«ã¯ã©ã‚“ãªçŸ¥è˜ãŒå¿…è¦ã‹ã¨ã„ã†ã®ã‚’書ã„ã¦ãŠã。本当ã¯three.jsã®å…¥é–€ã‚µã‚¤ãƒˆä½œã£ã¦ä½“系的ã«è§£èª¬ã—ãŸã„ã¨ã“ã‚ã ã‘ã©ã€å…¥é–€ã‚µã‚¤ãƒˆã¯P5 Code Schoolã§æ‰‹ä¸€æ¯ã§ã™ã€‚入門サイトé‹å–¶ã™ã‚‹ã®ãã£ãé¢å€’ãªã‚“ã§ã™ã‚。 大å‰æ JavaScriptã¯ã‚ªãƒ–ジェクトã¨ã‹å«ã‚ã¦ã—ã£ã‹ã‚Šç†è§£ã—ã¦ã„ã‚‹ã“ã¨ã€‚ three.jsã®åŸºç¤ŽçŸ¥è˜ 当ãŸã‚Šå‰ã ã‘ã©ã€three.jsã®åŸºç¤Žã¯æŠ¼ã•ãˆã¦ãªã„ã¨ã„ã‘ãªã„。僕ã¯Learning Three.jsèªã‚“ã 。英語ã ã‘ã©ã™ã”ã„èªã¿ã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã€‚ Learni
cv-examples
A collection of computer vision examples for p5.js by @kcimc. Including jsfeat, clmtrackr, js-objectdetect, JSARToolkit, oflow, and tracking.js. Download from GitHub. Low level (analyzes single pixels): Empty Average Brightness Thresholding Brightest Point Color Detection Background Subtraction Frame Difference Medium Level (analyzes patches of pixels): Motion History Point Tracking Optical Flow E
HTML5/Javascriptã®ç”»åƒå‡¦ç†ãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚
HTML5(Canvus)ã€Javascriptå‘ã‘ã®ç”»åƒå‡¦ç†ãƒ©ã‚¤ãƒ–ラリã«ã¤ã„ã¦ã¾ã¨ã‚ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ 続ãã‚’èªã‚€
A Detailed Explanation of JavaScript Game Loops and Timing | Isaac Sukin
The main loop is a core part of any application in which state changes over time. In games, the main loop is often called the game loop, and it is typically responsible for computing physics and AI as well as drawing the result on the screen. Unfortunately, the vast majority of main loops found online - especially those in JavaScript - are written incorrectly due to timing issues. I should know; I
[JS]jQueryç„¡ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãる軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -slidr.js
コントãƒãƒ¼ãƒ©ãƒ¼ã¨ãƒ‘ンããš slidr.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ ... <script type="text/javascript" src="/path/to/slidr.min.js"></script> </body> Step 2: HTML å„パãƒãƒ«ã¯inline, inline-block, blockã®ã©ã®è¦ç´ を使用ã—ã¦ã‚‚構ã„ã¾ã›ã‚“。ラッパーã«idを付与ã™ã‚‹ã®ã‚’忘れãšã«ã€‚ <ul id="slidr-ul" style="display: inline"> <li data-slidr="one">apple</li> <li data-slidr="two">banana</li> <li data-slidr="three">coconut</li> </ul> <div id="s
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Home
PathFinding.js
{{#tags}}- {{label}}
{{/tags}}