catch.jp-wiki
¥×¥í¥°¥é¥ß¥ó¥°
±Ñ¸ì³Ø½¬
ÍúÎò
¸¡º÷
Dropdown
ÊÔ½¸
źÉÕ
°ìÍ÷
p5.play.js
p5.play.js
¤ÎÊÔ½¸
https://www.catch.jp:443/wiki/editedit.php?p5.play.js
-- ¿÷·Á¤È¤¹¤ë¥Ú¡¼¥¸ --
ASP.net
AppleScript
BSD-MIT¥é¥¤¥»¥ó¥¹Èæ³Óɽ
Blockly/CustomBlock
Blockly/Documents
Blockly/Toolbox_WorkSpace
Blockly/Tutorial
Bookmarklet¤Îºî¤êÊý
BracketName
Build_Blockly-Games_Win
CSS_Framework
Chrome
CodingSkill
Desktop Movie
Desktop Movie Mac
Education_and_Programing
Education_and_Programing_toools
English/English-NReading
English/English-News
English/English-Word
Firebug
Firefox OS
FormattingRules
Free_Open_Document
FrontPage
Git_Github
Git_Github/Git_Githubhub for Windows
Git_Github/TortoiseGit_Github
Github_pages
Google_Closure_Tools
Google_code
HTML5+JavaScript
Help
History
Inkscape Function-Plot
Inno-setup
InterWiki
InterWikiName
InterWikiSandBox
JavaScript¥á¥â
Light weight Desktop
Linux_Desktop_Select
MDwiki
MenuBar
MenuBar2
NIHONGO_Programing
Nadeshiko_programming4JapaneseStyle
OSI_History
OpenOffice.org/Impress_template
PHP
PaintShopPro
PanDoc
ParserGenerator
Phaser
PowerPoint¤Ç¥¹¥¯¥ê¡¼¥ó¥»¡¼¥Ð¡¼
Processing.js´ðÁúÇ®ÆþÌç
Processing¤Ç¥µ¥¦¥ó¥É
Processing´ðÁúÇ®ÆþÌç
Programing
Programing/Blockly2014
Programing/Blockly2017
Programing/LibreLogo
Programing/MIT App Inventor2
Programing/scratch
Project_Management_tools
PukiWiki
PukiWiki/1.4
PukiWiki/1.4/Manual
PukiWiki/1.4/Manual/Plugin
PukiWiki/1.4/Manual/Plugin/A-D
PukiWiki/1.4/Manual/Plugin/E-G
PukiWiki/1.4/Manual/Plugin/H-K
PukiWiki/1.4/Manual/Plugin/L-N
PukiWiki/1.4/Manual/Plugin/O-R
PukiWiki/1.4/Manual/Plugin/S-U
PukiWiki/1.4/Manual/Plugin/V-Z
ReVIEW
RecentDeleted
RegularExpression
SSH
SandBox
Selenium
Sociology_psychology
SoftwareTest
SoraMame.Block
SoraMame.ps.js
SoraMame.ps.js/Reference
SoraMame.ps.js/Samples
SoraMame.ps.js/Syntax_Style
SoraMame.ps.js/ÆþÌç
SoraMame.ps.js/ÆþÌç/Casestudy
SoraMame.ps.js/ÆþÌç/Glossary
SoraMame.ps.js/ÆþÌç/Practice
SoraMame.ps.js/ÆþÌç/introduction
SoraMame.ps.js/ÆþÌç/object
SoraMame.ps.js/ÆþÌç/part.1
SoraMame.ps.js/ÆþÌç/part.2
SoraMame.ps.js/ÆþÌç/part.3
SoraMame.ps.js/ÆþÌç/part.4
SoraMame.ps.js/ÆþÌç/reason
Test
TortoiseSVN
Web Platform Installer
Web_Design
Web_services
Webforms
WikiEngines
WikiName
WikiWikiWeb
Windows ¥³¥Þ¥ó¥É¥×¥í¥ó¥×¥È
Windows+Mac-mini+WiFi
Windows¥æ¡¼¥¶¡¼¤Î¤¿¤á¤ÎEmacsÆþÌç2
Windows¥æ¡¼¥¶¡¼¤Î¤¿¤á¤ÎViÆþÌç
YukiWiki
aoi
aoi_hi-school_maker
archive
atom
basic_of_SoftwareLicense
corporate_philosophy
easyModal.js
educational_programing
enchant.js
english
english/800_Basic_English
english/Ankidroid
excel
framin
gimp
gmail
good_skill
https
iGoogle
ideas
infographics
inkscape
javaja22
javascript_file
keymacro4Mac
kotsubaki-wiki
make_for_Windows
making_script01
making_script02
making_script03
making_wiki
markdown
mediawiki
memo_word
memories
mozilla/docfest
nadeshiko_cgi
nadesiko_hi-school_maker
nadesiko_password
node.js
opensource_like
p5.js
p5.play.js
phaser/original_01
phaser/tutorial_01
phaser/tutorial_02
phpmyadmin
programer_training
proof
pukiwiki
scheme
search
story_telling
suzuka
thesaurus
trademark_patent
tsubaki-wiki
tsubaki-wiki-installer
tutorial_1
tutorial_2
tutorial_3
tutorial_4
vbs
voice
web_programing
windows_apache
windows_hosting_service
windows_http
windows_iis
windows_rails
windows_xampp
windows_xp_end
wordpress
writing
xampp
xoops
xyzzy
xyzzy/key_map
xyzzy_reference
¤Ê¤Ç¤·¤³
¤Ê¤Ç¤·¤³RegularExpression
¤Ê¤Ç¤·¤³Wiki(²¾)
¤Ê¤Ç¤·¤³¤ÇCGI_IIS
¤Ê¤Ç¤·¤³Ã±ÂΥƥ¹¥È
¥ª¡¼¥×¥ó¥½...C¥¹¤ÎÎò»Ë
¥ª¡¼¥×¥ó¥½¡¼¥¹¤ÎÎò»Ë
¾®Çþ¤Í¤ó¤É
ÅŻҽÐÈÇ¡¿ÅŻҽñÀÒ
ʸ¾Ïɽ¸½¾å¡¢¤È¤Æ¤â´ðËÜŪ¤Ê¥Æ¥¯¥Ë¥Ã¥¯
1
2
3
4
1111
[[Programing]] > [[p5.js]] > p5.play.js #title("¤Ï¤¸¤á¤è¤¦¡¢p5.play.js") p5.play.js¤Ï¡¢p5.jsÍѤΥ²¡¼¥à¥é¥¤¥Ö¥é¥ê¤Ç¡¢¥¹¥×¥é¥¤¥È¤ä¾×ÆÍȽÄê¤Ê¤É¤ò¥µ¥Ý¡¼¥È¤·¤Æ¤¤¤Þ¤¹¡£ ¥Ñ¥Õ¥©¡¼¥Þ¥ó¥¹¤è¤ê¥·¥ó¥×¥ë¤µ¤òÍ¥À褷¤Æºî¤é¤ì¤Æ¤ª¤ê¡¢3D¤äʪÍý¥¨¥ó¥¸¥ó¤Ï¥µ¥Ý¡¼¥È¤·¤Æ¤¤¤Þ¤»¤ó¡£ #contents * ¸ø¼°¥µ¥¤¥È [#g9f5dd1a] -[[p5.play - a game library for p5.js:http://p5play.molleindustria.org/]] -[[Example:http://p5play.molleindustria.org/examples/index.html]] -[[¥ê¥Õ¥¡¥ì¥ó¥¹:http://p5play.molleindustria.org/docs/index.html]] * ¤Ï¤¸¤áÊý [#gfbe93cb] + ¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤òÍÑ°Õ¤¹¤ë + p5.js¤ò[[¥À¥¦¥ó¥í¡¼¥É:http://p5js.org/download/]]¤¹¤ë + p5.play.js¤â[[¥À¥¦¥ó¥í¡¼¥É:http://p5play.molleindustria.org/]]¤¹¤ë + p5.js¤Èp5.play.js¤Ï¡¢lib¥Õ¥©¥ë¥À¤ËÆþ¤ì¤Æ¤ª¤¯ + ¤³¤ó¤ÊHTML¥Õ¥¡¥¤¥ë¤òÍÑ°Õ¤¹¤ë <!DOCTYPE html> <html> <head> <title>p5.play Example</title> <script src="lib/p5.js" type="text/javascript"></script> <script src="lib/p5.play.js" type="text/javascript"></script> <script src="sketch.js" type="text/javascript"></script> </head> <body> </body> </html> + sketch.js¤òºî¤Ã¤Æ¡¢¤³¤ó¤Ê¥³¡¼¥É¤òµ½Ò¤¹¤ë¡£¤³¤ì¤Ï¡¢HTML¥Õ¥¡¥¤¥ë¤ÈƱ¤¸¥Õ¥©¥ë¥À¤ËÃÖ¤¯ function setup() { createCanvas(800,400); createSprite(400, 200, 50, 50); } function draw() { background(255,255,255); drawSprites(); } + HTML¥Õ¥¡¥¤¥ë¤ò³«¤¯ * ¥µ¥ó¥×¥ë [#r0294f9d] ¤¤¤¯¤Ä¤«¤ä¤Ã¤Æ¤ß¤¿¡£sketch.js¤Ë¡¢¤³¤ì¤òµ½Ò¤¹¤ë¡£ ** ¥Þ¥¦¥¹¤ÇÉÁ¤¯ [#dc5b7510] ¥Þ¥¦¥¹¤Î°ÌÃ֤ˡ¢¥¹¥×¥é¥¤¥È¤Ç»Í³Ñ¤òÉÁ¤¯¡£ var img; setup = function() { createCanvas(800,400); background(200); img = createSprite(400, 200, 50, 50); } draw = function() { img.position.x = mouseX; img.position.y = mouseY; drawSprites(); } ** ¥¤¥ó¥¹¥¿¥ó¥¹¥â¡¼¥É¤Î¥µ¥ó¥×¥ë [#g5653ab8] P5.PLAY.JS¤¬¡¢¥¤¥ó¥¹¥¿¥ó¥¹¥â¡¼¥É¤ÇÆ°¤¯¤è¤¦¤Ë¤Ê¤Ã¤Æ¤¤¤¿¡ª // instance mode example var s = function(p) { var img; p.setup = function() { p.createCanvas(800,400); p.background(200); img = p.createSprite(400, 200, 50, 50); } p.draw = function() { img.position.x = p.mouseX; img.position.y = p.mouseY; p.drawSprites(); } } var myp5 = new p5(s); * »²¹Í¤Ë¤Ê¤ë [#m62add73] -[[Space invaders game made with p5.js and the p5.play library - YouTube:https://www.youtube.com/watch?v=XHAsp17oyP0]] ¥¤¥ó¥Ù¡¼¥À¡¼¤È¤¤¤¦¤è¤ê¥¢¥¹¥Æ¥í¥¤¥É -[[p5.js¤Çºî¤ë¥²¡¼¥à³«È¯Ä¶ÆþÌ硪100¹Ô°ÊÆâ¤Ç¡Ö¥Ö¥í¥Ã¥¯Êø¤·¡×¤ËÄ©À路¤Æ¤ß¤ë¡ª : ¤¦¤¨¤Ö¤Ï¤Ã¤¯:http://webhacck.net/archives/896790.html]] * ´ØÏ¢¥Ú¡¼¥¸ [#g3b86914] -[[p5.js]] ´Êñ¤ÊÀâÌÀ -[[p5.turtle.js:http://ycatch.github.io/p5.turtle.js/index.ja.html]] p5.js¤Î¤¿¤á¤Î¥¿¡¼¥È¥ë¥°¥é¥Õ¥£¥Ã¥¯¥×¥í¥°¥é¥à¤òºî¤Ã¤Æ¤ß¤¿
¥¿¥¤¥à¥¹¥¿¥ó¥×¤òÊѹ¹¤·¤Ê¤¤
[[Programing]] > [[p5.js]] > p5.play.js #title("¤Ï¤¸¤á¤è¤¦¡¢p5.play.js") p5.play.js¤Ï¡¢p5.jsÍѤΥ²¡¼¥à¥é¥¤¥Ö¥é¥ê¤Ç¡¢¥¹¥×¥é¥¤¥È¤ä¾×ÆÍȽÄê¤Ê¤É¤ò¥µ¥Ý¡¼¥È¤·¤Æ¤¤¤Þ¤¹¡£ ¥Ñ¥Õ¥©¡¼¥Þ¥ó¥¹¤è¤ê¥·¥ó¥×¥ë¤µ¤òÍ¥À褷¤Æºî¤é¤ì¤Æ¤ª¤ê¡¢3D¤äʪÍý¥¨¥ó¥¸¥ó¤Ï¥µ¥Ý¡¼¥È¤·¤Æ¤¤¤Þ¤»¤ó¡£ #contents * ¸ø¼°¥µ¥¤¥È [#g9f5dd1a] -[[p5.play - a game library for p5.js:http://p5play.molleindustria.org/]] -[[Example:http://p5play.molleindustria.org/examples/index.html]] -[[¥ê¥Õ¥¡¥ì¥ó¥¹:http://p5play.molleindustria.org/docs/index.html]] * ¤Ï¤¸¤áÊý [#gfbe93cb] + ¥Æ¥¥¹¥È¥¨¥Ç¥£¥¿¤òÍÑ°Õ¤¹¤ë + p5.js¤ò[[¥À¥¦¥ó¥í¡¼¥É:http://p5js.org/download/]]¤¹¤ë + p5.play.js¤â[[¥À¥¦¥ó¥í¡¼¥É:http://p5play.molleindustria.org/]]¤¹¤ë + p5.js¤Èp5.play.js¤Ï¡¢lib¥Õ¥©¥ë¥À¤ËÆþ¤ì¤Æ¤ª¤¯ + ¤³¤ó¤ÊHTML¥Õ¥¡¥¤¥ë¤òÍÑ°Õ¤¹¤ë <!DOCTYPE html> <html> <head> <title>p5.play Example</title> <script src="lib/p5.js" type="text/javascript"></script> <script src="lib/p5.play.js" type="text/javascript"></script> <script src="sketch.js" type="text/javascript"></script> </head> <body> </body> </html> + sketch.js¤òºî¤Ã¤Æ¡¢¤³¤ó¤Ê¥³¡¼¥É¤òµ½Ò¤¹¤ë¡£¤³¤ì¤Ï¡¢HTML¥Õ¥¡¥¤¥ë¤ÈƱ¤¸¥Õ¥©¥ë¥À¤ËÃÖ¤¯ function setup() { createCanvas(800,400); createSprite(400, 200, 50, 50); } function draw() { background(255,255,255); drawSprites(); } + HTML¥Õ¥¡¥¤¥ë¤ò³«¤¯ * ¥µ¥ó¥×¥ë [#r0294f9d] ¤¤¤¯¤Ä¤«¤ä¤Ã¤Æ¤ß¤¿¡£sketch.js¤Ë¡¢¤³¤ì¤òµ½Ò¤¹¤ë¡£ ** ¥Þ¥¦¥¹¤ÇÉÁ¤¯ [#dc5b7510] ¥Þ¥¦¥¹¤Î°ÌÃ֤ˡ¢¥¹¥×¥é¥¤¥È¤Ç»Í³Ñ¤òÉÁ¤¯¡£ var img; setup = function() { createCanvas(800,400); background(200); img = createSprite(400, 200, 50, 50); } draw = function() { img.position.x = mouseX; img.position.y = mouseY; drawSprites(); } ** ¥¤¥ó¥¹¥¿¥ó¥¹¥â¡¼¥É¤Î¥µ¥ó¥×¥ë [#g5653ab8] P5.PLAY.JS¤¬¡¢¥¤¥ó¥¹¥¿¥ó¥¹¥â¡¼¥É¤ÇÆ°¤¯¤è¤¦¤Ë¤Ê¤Ã¤Æ¤¤¤¿¡ª // instance mode example var s = function(p) { var img; p.setup = function() { p.createCanvas(800,400); p.background(200); img = p.createSprite(400, 200, 50, 50); } p.draw = function() { img.position.x = p.mouseX; img.position.y = p.mouseY; p.drawSprites(); } } var myp5 = new p5(s); * »²¹Í¤Ë¤Ê¤ë [#m62add73] -[[Space invaders game made with p5.js and the p5.play library - YouTube:https://www.youtube.com/watch?v=XHAsp17oyP0]] ¥¤¥ó¥Ù¡¼¥À¡¼¤È¤¤¤¦¤è¤ê¥¢¥¹¥Æ¥í¥¤¥É -[[p5.js¤Çºî¤ë¥²¡¼¥à³«È¯Ä¶ÆþÌ硪100¹Ô°ÊÆâ¤Ç¡Ö¥Ö¥í¥Ã¥¯Êø¤·¡×¤ËÄ©À路¤Æ¤ß¤ë¡ª : ¤¦¤¨¤Ö¤Ï¤Ã¤¯:http://webhacck.net/archives/896790.html]] * ´ØÏ¢¥Ú¡¼¥¸ [#g3b86914] -[[p5.js]] ´Êñ¤ÊÀâÌÀ -[[p5.turtle.js:http://ycatch.github.io/p5.turtle.js/index.ja.html]] p5.js¤Î¤¿¤á¤Î¥¿¡¼¥È¥ë¥°¥é¥Õ¥£¥Ã¥¯¥×¥í¥°¥é¥à¤òºî¤Ã¤Æ¤ß¤¿
¥Æ¥¥¹¥ÈÀ°·Á¤Î¥ë¡¼¥ë¤òɽ¼¨¤¹¤ë