trang mạng:Bản mã tạo cho trí óc tò mòNội dung
OpenProcessing-CreativeCodingfortheCuriousMind { "imports":{ "vue":"/assets/19.14.2/js/vendor/node_modules/vue/dist/vue.esm.browser.min.js", "vue-i18n":"/assets/19.14.2/js/vendor/node_modules/vue-i18n/dist/vue-i18n.esm.browser.min.js", "vue-tippy":"/assets/19.14.2/js/vendor/node_modules/vue-tippy/dist/vue-tippy.esm.js", "vue-router":"/assets/19.14.2/js/vendor/node_modules/vue-router/dist/vue-router.esm.browser.min.js", "underscore":"/assets/19.14.2/js/vendor/node_modules/underscore/underscore-esm-min.js", "sketch_view":"/assets/19.14.2/js/sketch/sketch_view.mjs", "sketch_engine":"/assets/19.14.2/js/sketch/sketch_engine.mjs", "openprocessing":"/assets/19.14.2/js/openprocessing.mjs", "ophelpers":"/assets/19.14.2/js/op_helpers.mjs", "auth":"/assets/19.14.2/js/op_auth.mjs", "analytics":"cdn.jsdelivr.net/npm/analytics@0.8.14/+esm", "googleAnalytics":"cdn.jsdelivr.net/npm/@analytics/google-analytics@1.0.7/+esm" } } Codingis Beautiful Jointhecommunityofcreativecoders,educators,anddesignersthatexplore,experiment,andplay. Join Signin {{featuredSketch.title}}by {{featuredSketch.fullname}} ConnectandInspire Jointhousandsofcreativecoders,followtheirwork,createyourownforks,andfindyourinspirationforyournext codingchallenge. Exploresketches NoHassleCoding Codeawayyourideaslivewith p5js,enablecommonlibrariesandtemplateswithaclick,andshareyourportfoliowiththecommunity. Bản mã tạo cho trí óc tò mòCreateasketch TeachandLearn Teachersexclusive:Withourintuitiveclassplatform,collaboratelivewithstudents,giveassignments,collectprojects,providefeedback,andmore. Checkoutourclassplatform Sketchesthatare 'dthisweek Seeall Triangle1.5by Killeroo Nodesthathetheirownbehiors.Theymaypushorpulleachother,connect,killorgivebirth,basedonposition,color, andwhoknows. DefinethesesetofrulesandpressPlaytowatchtheseparticleslivetheirfascinatingyetrandomlives. ParticleSystems Createasketch Seeexamples Takeadatapoint,assignittoacolororsizeofashape.Positionitonthecanvasbasedonitsrelationtoanotherdata point. Whenallissaidanddone,letthevisualizationsrevealthehiddenpatternsandtellthestorybehindthedata. DataVisualization Createasketch Seeexamples Duel(ashootergame)by FAL Games Createcharacters,definegamedynamics,andyougotyourselfasketchwithvillainsquaretakingrevengewhileshooting laserswithunlimitedlife. Creatinggamesisoneofthemostfunwaystoexploreobjectorientedprogrammingandmulti-userinteractionsonthesame canvas. Createasketch Seeexamples Confetti3by Killeroo Brushes Whathappenswhenmousecursormoves,oryouweyourhandtothecamera? Thesesketchesexperimentwithdigitalpaintingideasthatusescustombrushesinsteadofputtingpaintoncanvas. Createasketch Seeexamples Create.Fullsteamahead. Jointhecommunityof100,000creativecoderstocreateopensourceprojects,inspireandcollaborate. Createunlimitedopensourcesketches Codeawayyourideasinsecondswithp5js Enablelibrarieswithasingleclick Undomistakeswithversionhistory Buildaportfoliotoshowcaseyourwork Embedsketchesinblogs,websites SeanimatedGIFs Connectwithothercreativecoderstogetinspiredandlearn JoinforFree Signinifyoujoinedalready CreativeCoderPlus+ Takeyoursketchestothenextlevelwithpremiumfeaturesandprivacy. Unlimitedpublicorprivatesketches Advanced embeddingoptions Uploadmorefileswithincreased1GBlimit(standard25MB). Useanyexternaljascriptlibraryinyoursketch Ad-freeexperienceasyouexploreOpenProcessing Noadsdisplayedonyourportfolioandsketches Prioritylivesupportfrom Sinan LearnMore Subscribefor$39.99annually or$3.99monthly ProfessorPlus+ UseClassroomPlatformtoinvitestudentsandteachcodinginclass! Organizesketches,createchallengesandgiveassignmentswithcollections KeepsketchesandclassactivitBản mã tạo cho trí óc tò mòyprivate/classonly Hidesourcecodetocreatechallengingassignments Addjascriptlibrariestoexpandtheirknowledge FreeCreativeCoderPlus+Membershipforallyourstudents Closeyourclasseasilyforanewsemester Getprioritylivesupportfrom Sinan LearnMore Article:TeachingCodingwithOpenProcessing Aquickwalkthroughoftheexcitingworldofcode,creativity,education,bugs,andKandinsky. Viewarticle Article:CreatingCollaborativeSketcheswithSocket.io LearnhowtouseOpenProcessingsocketservertocreatealivesketchthatrespondstovisitors. Viewarticle FollowusonTwitter Ourofficialcommunicationchannel:AnynewsonOpenProcessingisfirston@openprocessing Follow@openprocessing Createdwith inNYC Bản mã tạo cho trí óc tò mò Contact Follow Status CreativeCoding Discover LearnwithTutorials JoinOpenProcessing-Signin CreateaSketch Teaching TeachingwithOpenProcessing ViewActiveClasses Pricing CreateaClass Legal CommunityGuidelines Credits TermsofService-PrivacyPolicy Subprocessors-CookiePolicy {{title}} {{dismissLabel}} {{buttonLabel}} OK Anyquestions?Reachoutviaemail. OK FileURL {{filePath}} Dimensions {{width}}x{{height}} Cancel Submit //setupCSRF constOP_CSRF={ 'name':"CSRF", 'hash':"8cfc2320fa9e98" }; varsessionUser={"userID":"0","fullname":"GuestUser","bio":null,"createdOn":null,"updatedOn":null,"subscribedOn":null,"profileUpdatedOn":null,"featuredOn":null,"isEmailVerified":null,"website":"","location":"","langue":"en","active":"1","isRestricted":"0","membershipSeats":null,"fileQuota":null,"topSketchID":null,"membershipType":"0","atar":null,"bitmarkID":null,"bitmarkID_test":null,"userType":"0","activityScore":0,"mailcoachID":null,"forceResetPassword":null,"classes":[],"nigationContent":{"sketches":[],"curations":[],"classes":[]}}; if(sessionUser.membershipType==1||sessionUser.membershipType==2||sessionUser.userType==2||typeofsessionUser.forceIntercom!='undefined'){ sessionUser.intercomHash="eceb6b1fe9ae3cb23f0078a70ece197b5d56a9f96ebd"; } publishableKey="pk_G0rby8OF2LKou3XdGx1fBSRYnV2c7"; backendMesse=""; //notethatglobalconstvariablesareNOTvisibleunder(window.____) constOP_VERSION="19.14.2"; constOP_ENVIRONMENT="production"; constAWS_THUMB_BUCKET="openprocessing-usercontent.s3.amazonaws.com";//thiseffectswherethumbsaredisplayedFROM,notwheretheyareuploadedto. constGA_MEASUREMENT_ID='G-JJLVXZWJ1K'; varGA=null; import{ OP }from'/assets/19.14.2/js/openprocessing.mjs'; $(function(){ OP.initPe(); }); varPREVIEW_BASE_URL='//preview.openprocessing.org'; vardefaultLibraries=[]; varsketch;//setonshowFeatured
