基本上,我用p5js創建了這個影片,我想知道如何才能把它匯出,作為NFT上傳。因為它是一個不斷變化的影片,所以匯出的內容不能是jpg、gif或mp4型別。但它必須是另一種型別。我聽說過SVG,但我不確定它們是否能解決這個問題。
這是p5js中的javascript檔案:
。var msEndMvm = 0;
var delayMvm = 10;
var x = 0;
var flag = true; /true是右假左。
//根據瀏覽器的大小創建一個新的畫布。
function setup(){
createCanvas(400, 400, SVG) 。
background('#FFFFFF') 。
strokeJoin(MITER)。
strokeWeight(random(1, 5))。
rectMode(CENTER)。
}
//在視窗大小調整時,更新畫布大小。
function windowResized() {
resizeCanvas(400, 400) 。
}
//Render loop that draws shapes with p5.
function draw() {
if (millis( ) >= msEndMvm) {
background('#FFFFFF') 。
rect(x, 200, 20, 10)。
msEndMvm = millis() delayMvm;
if (flag) {
x ;
if (x >= 400) {
flag = false;
}
} else {
x--;
if (x <= 0) {
flag = true;
console.log(millis())。
}
}
}
}
span class="hljs-selector-tag">canvas {
padding: 0;
margin: auto;
display: block;
width: 800px;
height: 600px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
body {
margin: 0;
padding: 0;
}
<script src="https://cdnjs. cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>/span>
<script src="https://unpkg.com/[email protected]"/span>> </script>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
一個NFT可以基于任何數字檔案型別,但只有某些檔案型別可以編碼影片。從技術上講,SVG確實支持影片,并且大多數現代網路瀏覽器支持它,但是p5js-svg似乎對此沒有任何支持,這是有道理的,因為p5.js框架是一個一個地繪制的,而不是使用持久性物件(即當您將一個在螢屏上移動的矩形制成影片時,您將清除螢屏并為每個框架繪制新的矩形,而不是更新現有矩形的位置)。
如果您想從 p5.js 中生成影片或視頻檔案,您可以使用 saveFrames()(用于非常短的影片)、諸如 ccapture.js 的庫或者您計算機上的螢屏錄制軟體。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/330566.html
標籤:
