Hyperbook Documentation

Java-like programming language (compiler, interpreter, debugger) with IDE that runs entirely in the browser.

The Online-IDE element accepts these arguments:

  • fileList: With file list on the left.
  • console: With console tab in the bottom panel.
  • pCode: With PCode tab in the bottom panel.
  • bottomPanel: With bottom panel.
  • errorList: With error list in the bottom panel.
  • height: Height of the editor. Defaults to 600px.
  • speed: Speed of the execution. Defaults to 1000.
  • url: The base URL of the embedded files for the Online IDE. Defaults to onlineide.openpatch.org.

(See: https://github.com/martin-pabst/Online-IDE).

:::onlineide{height=500 console=false}
 
````markdown A Hint
## Tip:
 
Tips are written in a simple Markdown syntax which
which allows **boldface** and the like, but also syntax
syntax highlighting in body text (`class square extends rectangle { }`)
and in whole paragraphs:
 
```
 
double v = Math.random()\*8 + 2; // Amount of speed between 2 and 10
 
double w = Math.random()*2*Math.PI; // angle between 0 and 2\*PI
 
vx = v \* Math.cos(w);
 
vy = v \* Math.sin(w);
 
```
````
 
```java Feuerwerk.java
 
new Feuerwerk();
 
class Feuerwerk extends Actor {
 
   public void act() {
      if(Math.random() < 0.03) {
 
         int funkenzahl = Math.floor(Math.random() * 50 + 30);
         int farbe = Color.randomColor(128);
 
         double x = Math.random() * 400 + 200;
         double y = Math.random() * 600;
         double lebensdauer = 60 + Math.random() * 60;
         for (int i = 0; i < funkenzahl; i++) {
            new Funke(x, y, farbe, lebensdauer);
         }
         Sound.playSound(Sound.cannon_boom);
 
      }
   }
 
}
 
class Funke extends Circle {
   double vx;
   double vy;
   double lebensdauer;           // lebensdauer in 1/30 s
 
   Funke(double x, double y, int farbe, double lebensdauer) {
      super(x, y, 4);
      double winkel = Math.random() * 2 * Math.PI;
      double v = Math.random() * 15 + 5;
      vx = v * Math.cos(winkel);
      vy = v * Math.sin(winkel);
      setFillColor(farbe);
      this.lebensdauer = lebensdauer;
   }
 
   public void act() {
      lebensdauer--;
      move(vx, vy);
      vy = vy + 0.2;
      if(lebensdauer < 30) {
         setAlpha(lebensdauer / 30);
      }
      if(isOutsideView() || lebensdauer < 0) {
         destroy();
      }
   }
 
}
 
```
 
:::

With a custom URL

:::onlineide{height=500 console=false url="https://nrw.onlineide.openpatch.org"}
 
```java Test.java
 
var l = new NRWList<Integer>();
l.append(1);
 
```
 
:::
Online IDE
✎ GitHub© Copyright 2024 by OpenPatch