p5.js 弾発射(p5.js)
今回は弾を発射できるようにします。前回のコードを書き換える形でやります。でも今回はファイルを別々に分けてやります。まず、webエディターの上の「Sketch」を選んで、「sprite.js」ファイルを作成します。中身を以下のように書きます...
p5.js p5.js キャラクターを操作してみよう(p5.js)
今回はキャラクターを操作していきます。まず以下のコードをエディターにコピーしましょう。
// プレイヤーの座標
let x, y;
// 四角のサイズ
let gridSize = 40;
//最初に一回だけ読み込む
fun...
p5.js p5.js入門その2
今度は図形に色を塗っていきます。コードを以下の通りに書いていきましょう。
function setup() {
createCanvas(400, 400);
}
function draw() {
background(...
p5.js p5.js入門その１
今回からはp5.jsについて勉強していきます。p5.jsとはJavaScriptのライブラリ（プログラミング言語の部品みたいな物）で、JavaScriptのできることを増やすことができます。簡単なゲームとか作れます。ただ、いきなりJava...
プログラミング学習 CSSの外部読み込み
今回はCSSの外部読み込みを勉強していきます。それでは早速サンプルコードです。
<!DOCTYPE html>
<html>
<head>
<meta charset...
考察 「真夏の夜の淫夢」を作った会社が実は結構やばかった件
真夏の夜の淫夢日本のインターネットミームで有名なゲイビデオであり、実は中国や韓国、ペルー等の国でも人気があったりする。ただ、このゲイビデオを作った会社が実は社会的に問題起こした会社であるのはご存知だろうか？
事件概要
1995...
プログラミング学習 javascriptのDOM操作_3
次は属性の取得をしていきます。以前の「javascriptのイベント」では、「let button = document.getElementById('xxx');」とか、「const event = document.querySel...
プログラミング学習 javascriptのDOM操作_2
次はループで取得を取得します。
HTMLコード
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
...
考察 何故なろう系や異世界ファンタジーがエセ中世ヨーロッパの世界観なのか
ナーロッパいわゆる、なろう系と言われる最近のライトノベルや漫画、アニメの疑似ヨーロッパ風の異世界ファンタジーの世界観をこんな風に皮肉を込めてこう呼ぶことがある。今回はそんな作品群が何故そんな世界観が多いのか探っていく。
主ななろう系...
プログラミング学習 javascriptのDOM操作
DOMとは、Document object Modelの略であり、リソース要素を操作可能にする仕組みです。
所謂、head,title,body,article,div等のHTMLのタグの属性をjavascriptで操作することみた...