p5.js

    1熱度

    1回答

    我剛剛在今天早些時候下載了p5.js編輯器,我一直在玩它,主要是爲了好玩。然而我注意到,當使用createCanvas()時,唯一一次產生的窗口尺寸正確的是我第一次執行代碼。隨後的每一次,窗口高度都會減少一小部分,並且窗口寬度也會增加相似的數量。 下面是我的代碼: function setup() { createCanvas(600, 400); } function draw(

    0熱度

    1回答

    我正在處理p5.js的一個非常簡單的例子,它是學習處理的補充材料的一部分。他們提供了本書中所有例子的.js版本,而我的數據即項目將在網上發佈。我想要做的就是用這個簡單的例子作爲我創建實際數據的模板。我想在添加一堆其他代碼之前先讓基本動畫工作。 這是我的工作代碼: var message = "random characters flying home!"; // An array of Lett

    1熱度

    1回答

    我正在使用橢圓,旋轉,弧度等在mouseX和mouseY上創建迷你星系的項目。但是,如果每個迷你星系都可以向左或向右旋轉,我會喜歡它,因此它看起來像是一個在太空中緩慢轉動的星系。不知道我該怎麼做,但會喜歡一些指導。我是否必須創建一個數組來保存每個星系的橢圓,然後以某種方式旋轉它?我可以簡單地爲每個橢圓設置一個rotate(),因爲它繪製到屏幕上嗎?謝謝你的幫助! var bgimg; func

    0熱度

    1回答

    我一直試圖在div中設置p5.js畫布,並使用divs寬度來控制畫布寬度,在jekyll文章中。在markdown文件中,我構建了一個我知道的div,位於帖子的頂部。 <div id="myCanvas"</div> <script src="/js/p5Sketches/firstP5Sketch.js" type="text/javascript"></script> 在javascri

    0熱度

    1回答

    我在我的代碼中發現錯誤時遇到問題。我正在爲一個學校項目製作我自己的太空入侵者版本。 P5沒有顯示任何錯誤,但是當我對代碼進行測試運行時,我得到的只是一個白色屏幕。我需要一套額外的眼睛。任何幫助表示讚賞。謝謝!! //initializes bullets var bullets = { x: new Array(), y: new Array(), shot: ne

    0熱度

    1回答

    我正在與聲音庫p5.js一起工作,並使用p5短語和p5聲部一次播放多個聲音文件。 我能夠addPhrase()但mousePressed功能內的removePhrase()功能根本不起作用。 如何切換添加和刪除p5聲部中的短語,這會打開/關閉特定的聲音文件? var box, drum, myPart; var drumPhrase; var boxPhrase; var boxPat =

    0熱度

    2回答

    我是網絡開發的新手,需要用聲音,圖像和大量的交互性編程測驗,而我剛發現p5.js對我來說是完美的解決方案。 我的問題是,我有超過10個不同類型的輸入(其中每個與他們自己的規則和一些具有相同的規則)和一個介紹屏幕的問題。我真的很困惑我該如何組織這個,如何保持我的代碼清潔的最佳方式,因爲我遵循的教程通常在單個文件中執行這些示例,並且我認爲如果我在draw函數(如果問題== 1 {問題,答案,規則規則規

    0熱度

    1回答

    我是一個新的編碼器,我一直試圖在p5.js上創建一個簡單的循環或3-5圖像的幻燈片,但我不能正確地做到。我一直在使用setInterval()函數。請幫忙。

    0熱度

    1回答

    首先,我有一個p5.js腳本: //canvas.js var p5 = require('p5') module.exports = new p5(function() { this.setup = function setup() { this.createCanvas(700, 400) this.background(205) this.loa

    2熱度

    2回答

    在這裏,我有我出口由browserify捆綁一個P5對象: var p5 = require('p5') var colorPicker = require('./color_picker.js') module.exports = new p5(function() { this.setup = function setup() { this.createCanvas(