前提・実現したいこと
monacaの環境下でp5.jsをもちいてsketch.jsを表示させたいのですが、sketch.jsの画面が表示されません。
発生している問題・エラーメッセージ
scriptタグでsketch.jsを読みこんでいるのにもかかわらずその結果は表示されず、monaca自体にもエラーメッセージは表示されておらずどのようにしていいのかがわからない状態です。
該当のソースコード
--index.htmlのheadタグ内-- <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <script src="components/p5js/lib/p5.js" type="text/javascript"></script> <script src="sketch.js" type="text/javascript"></script>
試したこと
試してみたこととして表示されないsketch.js内にconsole.log("done")と置いてみたところコンソール上に「done」と表示されたのでsketch.js自体は動いているものであると思われます。
またsketch.jsはもともとprocessingで書いたものを書き換えたものでありますが、processingの法でもブラウザ上で動かした時も正常に動いており、monaca上で動かそうと思ったときにだけ動かない状態となっております。
補足情報(FW/ツールのバージョンなど)
monacaにおけるp5.jsのコンポーネントの追加はすでにしております。
あなたの回答
tips
プレビュー