The p5js-electron-templates from garciadelcastillo

p5js-electron-templates's People

Contributors

Stargazers

Watchers

p5js-electron-templates's Issues

require is not defined

as title.. require is not defined..

Change name to p5js-electron-templates

We could aim to provide base templates for different types of common p5.js projects. Here are my suggested title and description.

Title

p5js-electron-templates

Description

A set of p5.js templates that run as Electron apps.

How to add p5.speech module in this app?

I have created a smaple electron application to try p5.speech. But that is not working and I am not seeing any error in console.

Index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello p5.js!</title>
    <script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
    <script language="javascript" src="libraries/p5.dom.js"></script>
    <script language="javascript" src="libraries/p5.sound.js"></script>
    <script language="javascript" src="libraries/p5.speech.js"></script>
    <script language="javascript" type="text/javascript" src="my_speech.js"></script>
    <!-- this line removes any default padding and style. you might only need one of these values set. -->
    <style> body {padding: 0; margin: 0; background: #000000; overflow-x:hidden; overflow-y: hidden} </style>
  </head>
  <body>

  </body>

  <script>
    // You can also require other files to run in this process
    require('../renderer.js')
  </script>
</html>

my_speech.js

function setup() {
  noCanvas();
  let lang = navigator.language || 'en-US';
  let speechRec = new p5.SpeechRec(lang, gotSpeech);

  let continuous = true;
  let interim = false;
  speechRec.start(continuous, interim);
  function gotSpeech() {
      console.log(speechRec);
    if (speechRec.resultValue) {
      createP(speechRec.resultString);
    }
  }
}