プログラミング 【Three.js】オブジェクトを生成する
addメソッドでジオメトリとマテリアルから作成したメッシュをシーンに追加する。
window.addEventListener('load', init);
function init() {
const width = 64...
プログラミング プログラミング 【p5.js】クリア画面を表示する
プレイヤーがゴールに到達したら「Game Clear!!」を出力する。
let board_w, board_h, space_w, space_h, cell_space;
let maze1, position;
let sta...
プログラミング 【p5.js】十字キーから入力を受け取る
十字キーから入力を受け取り、迷路を移動できるようにする。
let board_w, board_h, space_w, space_h, cell_space;
let maze1, position;
function setu...
プログラミング 【p5.js】迷路を描画する
Canvasに迷路を描画する。
let board_w, board_h, space_w, space_h, cell_space;
let maze1, position;
function setup() {
creat...
プログラミング 【p5.js】楕円を描画する
ellipse関数でCanvasに楕円を描画する。
let board_w, board_h, space_w, space_h, cell_space;
function setup() {
createCanvas(640...
プログラミング 【p5.js】直線を描画する
line関数でCanvasに直線を描画する。
let board_w, board_h, space_w, space_h;
function setup() {
createCanvas(640, 480);
board...
プログラミング 【p5.js】四角形を描画する
rect関数でCanvasに四角形を描画する。
let board_w, board_h, space_w, space_h;
function setup() {
createCanvas(640, 480);
boa...
プログラミング 【p5.js】Canvasを作成する
createCanvas関数でスケッチを描画するためのcanvas要素を作成する。
function setup() {
createCanvas(640, 480);
}
function draw() {
backgr...
プログラミング 【Pillow】PNG画像からGIFアニメーションを作成する
以下の記事で保存したPNG画像からGIFアニメーションを作成する。
from PIL import Image
import glob
files = sorted(glob.glob('./*.png'))
...
プログラミング 【Processing】画像をフレームごとに保存する
saveFrame関数で画像をフレームごとに保存する。
int x = 100;
int y = 100;
int xspeed = 3;
int yspeed = 3;
int r = 50;
int R, G, B;
...