2017-03-16 24 views
0

いくつかのp5.jsスケッチがありますが、それらはすべてローカルで動作しますが、GitHubページには表示されません。ここではHTMLは次のとおりです。p5 jsスケッチはローカルでgithubでは動作しません

<html> 
<head> 
<meta charset="UTF-8"> 
<script language="javascript" type="text/javascript" src="libraries/p5.js"></script> 
<script language="javascript" type="text/javascript" src="sketch1.js"></script> 
<style> body {padding: 0; margin: 0;} </style> 
</head> 
<body> 

、ここではjavascriptのです:

function setup() { 
createCanvas(500,500); 
background(250, 212, 210); 
strokeWeight(4); 
} 

function draw() { 
line(mouseX, mouseY, pmouseX, pmouseY); 
if (mouseIsPressed == true) { 
    stroke(250, 3, 80); 
} else { 
    stroke(110, 164, 249); 
} 

} 
+0

githubページへのリンクを提供してください。また、[開発者ツール](http://happycoding.io/tutorials/javascript/developer-tools)に慣れておく必要があります。あなたのエラーはそこにある可能性があります。 –

+0

私は今、開発ツールを見直します。 [ここ](https://bethanyrennard.github.io/hello-wurld/)はGitHubページです –

+0

ちょうどリンクしているGitHubページには実行可能なp5.jsコードが含まれておらず、ページに追加していません。 –

答えて

0

あなたはGitHubのリポジトリからの.htmlファイルにアクセスしている場合、それは実際にレンダリングを表示しませんHTMLページ自体ではなく、ソースコードのみです。あなたがGitHubでhtmlファイルをプレビューしたい場合は、thisの回答とthis答えの質問にその質問。

0

リポジトリにディレクトリを追加することを忘れてしまったことがあるかもしれません(またはgithubに変更をプッシュするのを忘れているかもしれません)。レポにp5.js:110-click.html116.html114.htmlindex copy.html127-click.html、および129-click.htmlを含む6つのファイルがあります。これらのすべてにlibraries/p5.jsが含まれていますが、librariesというディレクトリはありません。

私はこのディレクトリを追加するためにrepoルートからgit add librariesを使用する必要があると推測しています(コミットしてgithubにプッシュする)。

関連する問題