6,211
edits
Changes
→P5*JS
== Online-Workshop-Tools ==
Web-Apps
* P5js-OnlineEditor - [https://alpha.editor.p5js.org/ editor.p5js.org]
* Slack (Workshop-Timeline-Plattform mit Messaging und Sharing Funktion) - [http://www.slack.com www.slack.com]
* Kommerzielle Tutorials - [https://www.udemy.com/ www.udemy.com]
<br>
<br>
== Digitale Cinematographie Workshop ==
<br>
= Code & Tinker =
== Interface Design ==
Tools
* '''Adobe Xd''' - Neu und vermutlich das beste Tool - zur Zeit als BETA sogar noch kostenlos! [http://www.adobe.com/de/products/experience-design.html Adobe-Xd]
* '''Bootstrap''' - Bibliothek mit Interface Elementen (Ursprünglich von Twitter) - [http://bootstrapuikit.com/ www.bootstrapuikit.com] und den CSS Code gibt es bei [http://getbootstrap.com/ www.getbootstrap.com]
* '''Sketch''' - Das Interface Design Tool (besser als Photoshop, Illustrator, tec ...) - [http://bohemiancoding.com/sketch/ www.bohemiancoding.com/sketch]
* '''Invision''' - Das Demo-Tool! Eine Web App mit der Du aus dem Design einen Prototypen für jedes Endgerät bauen kannst. - [http://www.invisionapp.com/ www.invisionapp.com]
<br>
Tipps
* Speicher dein Sketch Projekte in der Dropbox und importiere sie von dort zu Invision, dann können die Daten mit einer '''Sync-Funktion''' von Invision bequem ausgetauscht werden.
* Studiere die '''Designrichtlinien''' von [https://developer.apple.com/design/ Apple] und [http://www.google.com/design/ Google] und ...
<br>
== Unity3D-Crashkurs ==
<br>
== DIY-Tutorials This is Sandbox ==
Der Sandbox Workshop lässt sich ganz einfach veranstalten.# '''Playground''' - Auf dem Beamer folgende URL full Screen öffnen: [http://this-is-sandbox.org/playground/ www.this-is-sandbox.org/playground] # '''Editor''' - Die Workshop Teilnehmerinnen und Teilnehmer öffnen: [http://this-is-sandbox.org/code/ www.this-is-sandbox.org/code]# '''SEND''' - Auf der Linken Seite kann nun zum Beispiel eine Cartoon Figur programmiert werden, die mit dem SEND Button auf den Playground geschickt wird. <br> '''Tipp zum Timing:''' <br>Die draw funktion hat eine Framerate von 25 frames pro Sekunde. Zum Timing (zur Verlangsamung) baut man sich einfach selbst System Ticks: <pre>var myTicks = 0; function draw() { myTicks++;}</pre> <br> Volles Beispiel zur Verwendung des Timers:<pre>var myTicks = 0;var myTimer = 0;var mySpeed = 10; var r = 0; function draw() { myTicks++; if(myTicks > myTimer + mySpeed){ myTimer = myTicks; r = random(100); } ellipse(100, 100, 150, r );}</pre> <br> '''Tipp: Bewegung im Playground''' <br>Um Bewegung in den Play zu bringen, benötigt man den THRUST Befehl im Idealfall mit einem Random Winkel. <pre>function draw() { fill(0); ellipse(100, 100, 150, 150); thrust(random(TWO_PI));}</pre> <br> == P5*JS == * Online-Editor: [https://alpha.editor.p5js.org/ https://alpha.editor.p5js.org/]* P5*JS Setup mit dem Texteditor: "Sublime Text" auf der lokalen Festplatte mit Safarie - [[P5*JS Sublime Setup]]* [[P5JS look like an mobil app|Make your P5JS sketches look like an app on mobile devices]]* Einfache Interfaces mit der [[p5.gui Librarie]]* [[FaceTracking with clmtrackr and P5JS]]* Einfaches Button Interfaces mit der einer eigenen Funktion [[p5Button]]* Einfaches Questionnaire Interfaces mit der einer eigenen Funktion [[qFunction]]* Kalender Datum mit Wochentagen setzen - [[p5js-calendar-weekday]]* add a App-Icon to a p5js sketch - [[p5js-App-Icon]] <br> == Physical Computing (-Tutorials == Physical Computing bezeichnet die das Arbeiten mit Elektronik und Programmierung) meist auf den Plattformen [https://www.arduino.cc/ Arduino ], [https://www.raspberrypi.org/ Raspberry Pi] und [https://processing.org/ Processing ] Arduino * Anleitung PDF (Englisch, 93 Seiten, viele Bilder) Intro to Arduino by Sparkfun [http://www.robosail.org/uploads/2/5/5/8/25586003/intro_to_arduino_-_v22_1.pdf LINK] <br>
Seihe Link:
* [[DIY-Wiki#DIY-Tutorials|DIY-Tutorials]]
<br>
== Gibber ==
* Gibber Home Page: http://gibber.mat.ucsb.edu/
* Gibber Keys: [[Media:Gibber-Keys.rtf]]
<br>
<br>
= System Admin Tutorials =
== Mac USB Medium Formatieren ==
Wenn man einen USB-Stick, eine externe Festplatte oder Speicherkarte am Mac formatieren möchte ist folgendes zu beachten:
* Speicherkarten für Kameras oder Audiorecorder immer im jeweiligen Gerät via Menü formatieren
* '''MS-DOS (FAT)''' - Das alte FAT16 und FAT32 kann nur Dateien unter 4GB speichern - Win Mac kompatibel
* '''ExFat''' ist neu und wird nicht von jedem (älterem) Gerät unterstützt - Win Mac kompatibel
* '''Mac OS X Extended''' kann nur von Appel Geräten gelesen werden
Anleitung zum Formatieren am Mac
# Das Laufwerk anschließen
# Das '''Festplatten Dienstprogramm''' (Disk Utillity) öffnen
# Auf der linken Seite das Laufwerk auswählen, das formatiert werden soll - Achtung! Nicht das falsche löschen!
# Oben auf auf '''LÖSCHEN''' (ERASE) klicken
# Einen Namen eingeben und das gewünschte Format wählen (siehe oben)
# Für Mac OS X Extended (Journaled) '''Guid Partition Map''' und für MS-DOS '''Master Boot Record''' wählen
# Auf LÖSCHEN (ERASE) klicken - warten - fertig!
<br>
== Mac Neu Aufsetzten ==
# USB-Stick - Im Digipool gibt es USB-Sticks mit älteren und mit dem aktuellen Mac-OS zur Ausleihe.
# Das Falls gewünscht, das alte System via Time-Machine Backup sichern.
# Den Rechner ausschalten
# Den USB Stick einstecken, die ALT-Taste gedrückt halten und den Rechner anschalten.
# Oben im Menü unter Werkzeugen das Termin öffnen und dort "date 1111111111" eingeben.
# Das Termin schließen und das Mac OS ganz normal installieren
<br>
== Mac OS High Sierra ohne APFS installieren ==
<br>
'''''Bevor man dieses Tutorial befolgt, sollte man unbedingt ein Backup seiner Daten machen, da alle Daten auf der Festplatte in diesem Prozess verloren gehen!'''''<br><br>
'''High Sierra ohne APFS!'''
Zunächst braucht man einen USB-Stick/externe Festplatte mit dem Installations-Paket für High Sierra, worüber man booten kann. Beim Starten des iMacs "alt" gedrückt halten, um wählen zu können, wie man bootet. Das externe Speichermedium auswählen. Danach geht man zu “Disk Utility”, wählt die interne Festplatte aus (Macintosh HD) und geht auf "Partition". Dort das Format "Mac OS Extended (Journaled)” auswählen und ”Apply” klicken. Wenn man damit fertig ist, verlässt man “Disk Utility" wieder und geht zu “Terminal”.<br>
Hier dann eintippen:
<pre>
ls
cd..
</pre>
Solange, bis man den Ordner "Volumes" findet. Dann:
<pre>
cd Volumes
ls
cd Image Volume
ls
</pre>
Dort sollte man ”Install macOS High Sierra.app" finden. Danach eingeben:
<pre>
Install\ macOS\ High\ Sierra.app/Contents/Resources/startosinstall --volume/Volumes/Macintosh\ HD --converttoapfs NO --agreetolicense
</pre>
Und Enter drücken... fertig!
<br>
