【p5.js】の練習!「rotate」を使って立体を回転させてみる「ソースコード!」【学習メモ】

プログラミング
こんな感じの四角形が…?
立体的に回転してくれます!(すごい!)

HTML

<!DOCTYPE html>
<html lang="js">
<head>
	<meta charset="UTF-8">
	<title>Tweakpane Demo</title>
</head>
<body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.min.js"></script>
</body>
</html>

 

JavaScript

'use strict';

function setup() {
	createCanvas(400, 200, WEBGL);
}

function draw() {
	background(0);
	rotateX(frameCount * 0.01);
	rotateY(frameCount * 0.01);

	noFill();
	stroke(255);
	box(100, 100, 100);
}

 

おさかなへの応援メッセージ!おさかなに聞きたい事、質問!記事にしてほしい内容!などを大募集中!
「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください!

この記事は役に立ちましたか?

タイトルとURLをコピーしました