Cover Image

Mal schnell ein paar Zahlen

Mathehausaufgaben aus dem Zufallsgenerator

April 14, 2021 - Lesezeit: ~1 Minute

Und wieder hilft mir ein kleines Script in Übung zu bleiben.

for(let i =0; i<20; i++){
  var op     = parseInt((Math.random(i)*4).toString()); 
  var x        = parseInt((Math.random(i)*100).toString());
  var y        = parseInt((Math.random(i)*100).toString());
 
  if(op===0)    console.log(x + ' + '+y + ' = ' + (x+y));
  if(op===1)    console.log(x + ' - '+y + ' = ' + (x-y));
  if(op===2)    console.log(x + ' * '+y + ' = ' + (x*y));
  if(op===3)    console.log(x + ' / '+y + ' = ' + (x/y));
}

Aber man sollte natürlich nicht direkt das Ergebnis prüfen. Brüche kann der Gernerator auch nocht nicht. Den gibt es dann beim nächsten Mal.


Cover Image

Ist das Kunst oder kann das weg?

Shadertoy - shading online

April 11, 2021 - Lesezeit: 3 Minuten

Shader sind Bausteine einer Grafikkarte, mit der der Pixel, der auf den Bildschirm angezeigt werden soll, nachbearbeitet werden kann. Jeder Pixel wird hierbei durch eine Pipeline geschoben und kann dabei sozusagen nochmal nachgearbeitet werden. Dieses Post Processing kann Wasser realistischer aussehen lassen oder Lava zusätzlich zum glühen bringen. Diese Shader werden mithilfe einer eigenen Programmiersprache implementiert. Dazu schreibt man einen Shader und lädt diesen dann in die Grafikkarte. Meistens nutzt man dafür eine Api wie OpenGL oder DirectX.

blub.png

Nun kann man sich natürlich die Erzeugung eines Bildes zum Anzeigen und Nachbearbeiten auch sparen und einfach direkt die Pixel manipulieren und damit dann eine Bildschirmausgabe erzeugen. Da der Shadercode immer auf jeden einzelnen Pixel auf dem Bildschrim angewendet werden muss (das sind bei einer HD-Auflösung 3000 Pixel pro Frame), muss die Implementierung effizient sein. In der Demoszene hat sich eine ganze Disziplin daraus entwickelt. Da das Manipulieren von Pixeln am einfachsten ist wenn man es mathematisch beschreibt, kommt man bei der Programmierung um Mathe nicht drum herum. Aber dafür wird man mit hinreißenden Bildern und Effekten belohnt.

penrose.png

Auch ein Browser kann mithilfe von WebGL entsprechende Inhalte repräsentieren. Damit kann man die Shader direkt in eine Website laden und anzeigen. Entsprechende Hardware vorrausgesetzt. Auf Shadertoy wird genau das möglich. Man kann die fertigen Shader sogar in die eigene Homepage einbetten. Auf dieser Website kann man sich auch den Quelltext jedes Shaders ansehen und gegebenenfalls sogar noch etwas lernen. Mathe hat noch nie soviel Spass gemacht.

IO.png

Wenn man mal sehen will, was mit aktuellen Grafikarten machbar ist und sich verzaubern lassen möchte, sollte man mal einen Blick riskieren. Also ich werde jetzt nochmal meine Mathekenntnisse auffrischen und auch ein bisschen zaubern.


Cover Image

Alle Teiler einer Zahl

Mathe in JavaScript

März 12, 2021 - Lesezeit: ~1 Minute

Mal schnell alle Teiler einer Zahl zu finden erfordert nicht unbedingt ein großes Programm. Statt dessen kann man das schnell in der Konsole erledigen.

The Power of JavaScript unleashed.

Hier eine einfache schnelle Lösung, CopyUndPaste fertig:


var totest = 120; // hier einfach die Zahl einsetzen.
// ermittelt alle Teiler und gibt sie auf der Konsole aus.
for(let i = 0;i < (totest+1); i++) {
  if(totest % i === 0) {
    console.log(i);
  }
}


Hier noch ein passender Generator für irgendwelche Zahlen.


for(let j = 0;j < 100; j++) {
let teilerCount=0;
for(let i = 0;i < (j+1); i++) {
if(j % i === 0) {
teilerCount++;
}
}
if(teilerCount === 6){
console.log(j); //,teilerCount);
}

}

Cover Image

Mit Node.js gegen den Rest der Welt

Heute: schnell mal was zippen

Januar 26, 2021 - Lesezeit: 6 Minuten

Wenn man mehrere Dateien transportieren will ist es meistens einfacher die Dateien in einer Datei zusammenzufassen. Dazu kann man die Dateien einfache in ein komprimiertes Archiv stecken. Eigentlich ist die Komprimierung dafür gedacht, die Dateigröße auf ein Minimum zu reduzieren und so Speicherplatz sparen zu können. Die Komprimierungsverfahren erzeugen aber Dateien, die erst wieder entpackt werden müssen um benutzt werden zu können. Das funktioniert sowohl bei Dateien wie auch ganzen Ordnern.

Es gibt Verfahren, bei denen wird vor der Ausführung der Datei ein eigenes Entpacken ausgeführt und dann wird die Datei gestartet. Sofern es sich um ein Programm handelt, ist das durchaus ein Möglichkeit. Dieses Verfahren ist in der Demo Szene sehr beliebt. Hier gibt es die Herausforderung möglichst viel Programmlogik in möglichst kleinen Dateien unterzubringen. Diese Verfahren sind sehr kompliziert und meist nur für den aktuellen Fall geeignet und machen teilweise von Systemlücken gebrauch, die unter Umständen vom Betriebssystemhersteller auch mal korrigiert werden, was dafür sorgt, dass im nächsten Moment ein entpacken nicht mehr möglich ist oder das Programm funktioniert nicht mehr korrekt. Jetzt gibt es aber auch Verfahren, die genormte Komprimierungs-technologien verwenden und keine Lücken nutzen, dafür nicht immer ganz so effektiv sind. Für unsere Anforderung ganze Verzeichnisse in einer Datei zu transportieren, fällt das aber nur gering ins Gewicht.

Jetzt kann man das Ganze von Hand manuell über Systemtools oder mithilfe vorhandener Software lösen. Hat man die Anforderung aber öfter, sagen wir mal man macht täglich Releases, dann darf der Vorgang gerne automatisiert werden. Das lässt sich in vielen Programmiersprachen sehr komfortabel erledigen. So auch in JavaScript und Node.js. Node.js stellt hierbei die Dateifunktionen und die Pakete und JavaScript macht das Ganze schön flexibel. Gerade wenn z.B. der Dateiname automatisch aus einem Datum erzeugt werden soll, macht einem JavaScript das Leben einfach.

Das Ganze in ein Skript gepackt könnte dann so aussehen:

const path = require('path');
const zipFolder = require('zip-folder'); // npm install zip-folder

// make some nice name
const filenameToUse = new Date().toLocaleString().replace(/\:/g'-');

(async () => {
  zipFolder(
    path.join(__dirname, 'FolderToZip'),
    path.join(__dirname, filenameToUse + '.zip'),
    (err) => {
      if (err) {
        console.log(`oh no! Error while create: ${filenameToUse} `, err);
      } else {
        console.log(`EXCELLENT: ${filenameToUse} created`);
      }
    })
})();

Das Ganze kann man z.B. ja auch noch mit einem ftp Upload kombinieren. Oder die Datei zum Beispiel danach noch zur Sicherung kopieren. So können hier einfach Schritte automatisiert werden und auch an andere Anforderung schnell und flexibel angepasst werden und das mit einem simplen Texteditor. Und und und...