前提・実現したいこと
javascriptでグラフィックを描く以下のソースコードをweb上で実行したいのですが,javascriptとhtmlをリンクさせる方法がわかりません. 開発環境はmacです.
該当のソースコード
javascript ファイル名 a.js var positionX; var positionY; var velocityX; var velocityY; var hitSound; function preload() { hitSound = loadSound('hit.mp3'); } function setup() { createCanvas(windowWidth, windowHeight); positionX = width / 2; positionY = height / 2; velocityX = 15; velocityY = 10; } function draw() { background(0, 25); noStroke(); fill(positionX / 2, positionY / 2, 0); ellipse(positionX, positionY, 80); positionX += velocityX; if (positionX > width - 40) { velocityX *= -1; hitSound.play(); } if (positionX < 40) { velocityX *= -1; hitSound.play(); } positionY += velocityY; if (positionY > height - 40) { velocityY *= -1; hitSound.play(); } if (positionY < 40) { velocityY *= -1; hitSound.play(); } } html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>aaa</title> </head> <body> <script src="a.js"></script> </body> </html>
試したこと
javascriptをweb上で実行する方法をもとに,上記のjavascriptファイルと同フォルダ内にあるhtmlのファイルに <script src="a.js"></script>と書きましたが何も反応がありません.
javascriptのコードがalert("ようこそ!");の場合は実行できました.
回答4件
あなたの回答
tips
プレビュー