p5.jsで作成したプロジェクトをp5.js環境から離れて実行する方法
問題 原因 p5.jsなどの外部ファイルを「https://」で呼び出しているので、ブラウザのセキュリティ機能で読み込みができない。 P5.jsの公式サイトからp5.jsファイルをダウンロードして「<script ...
p5.jsのアップロード制限&文字の重複削除
p5.js Web Editerはとても便利です。画像やフォントをアップロードして利用することができますが、最大サイズは5MBまでです。画像で5MBをオーバーすることはあまりありませんが、フォントはサイズが大きく、オーバ...
p5.js環境構築(TypeScript)
🙅♂2023年3月現在おすすめできない 環境構築(VSCode:TypeScript + p5.js + Parce) 概要 基本は VS Code & TypeScriptとp5.jsで始めるモダンなクリエイ...
p5.js環境構築(JavaScript)
🥇 2023年3月現在のおすすめ 🥈環境構築( VSCode:JavaScript + p5.js + Live Preview) すること プラグインLive Previewのインストール プラグインp5js Snip...
JavaScriptでデザインパターン
クレーの大冒険をJavaScriptに移植するにあたってデザインパターンについて少し勉強してみた。 ChatGPTにゲームで使用するデザインパターンをJavaScriptで教えてとお願いしたら、 Singleton Pa...
JavaScriptでコルーチン
p5.jsでクレーの大冒険を作ろうとしたときに気になったのが、コルーチン。ゲームプログラミングでは必須となる、待ち時間処理を実装するための仕組み。Pythonで初めて取り組んだときに苦戦したので、先に下調べをしてみた。 ...
p5.jsで数式を表示したい
p5.jsのcanvasの外になるけど、MathJaxというJavaScriptのライブラリで実現できる。 html側の設定 続いてsketch.jsの設定
PythonからJavaScriptへ
戸惑ったことの忘備録 JavaScriptにはformat関数が無い! replaceメソッドを使う 置換したいものが増えると煩雑になってくる。 自分で作る 自分でStringクラスにprototype宣言で、メソッド(...