Displacement to mesh

3d Stadtmodell Zürich Import in Blender

Ice in JS

http://www.mikolaskova.cz/ice/ice_softw/ice_js_00/

mousedown neue Fläche an Mausposition

B: stop animation

C: save PNG

wird nach den ersten 20 objekten extrem langsam

Friday sailing

Inhalt eines HTML-Elements herunterladen

var text=document.getElementById("xml").innerHTML;
window.open('data:text/svg+xml;charset=utf-8,' + escape(text));

HTML 5 Canvas als SVG

JS Canvas als Bild slpeichern

 put_Image(c);

function put_Image(c)
{
    
    var image = c.toDataURL("image/png").replace("image/png", "image/octet-stream");  // here is the most important part because if you dont replace you will get a DOM 18 exception.

window.location.href=image; // it will save locally
            
       
  }
       

Kann ich den Speicherort bestimmen? Oder nur im Browser?

Das Bild vorher auf eine höhere Auflösung skalieren

Canvas Animation Framerate

Animation: requestAnimationFrame(animate)

Framerate: setTimeout (function(){...anim-code inkl. requestAnimFrame...},1000/fps);

 

 var fps = 100;
           

            function animate() {
                
                setTimeout(function(){
                var arrayLength = forms.length;
                for (var i = 0; i < arrayLength; i++) {
                    forms[i].scale();

                }
                form = new Form(x, y);
                if (fps>1)
                {fps=fps-1;}
                else{fps=0.3;}
//               alert(fps);

                forms.push(form);

                var arrayLength = forms.length;

                for (var i = 0; i < arrayLength; i++) {
                    draw_form(forms[i], ctx);

                }

                var min = -100;
                var max = window.innerWidth;
// and the formula is:
                var random = Math.floor(Math.random() * (max - min + 1)) + min;
                x = random;
                var random = Math.floor(Math.random() * (max - min + 1)) + min;
                y = random;

                requestAnimationFrame(animate);
            },1000/fps);
           
            }

sailing

flat

next

Ice in die dritte Sprache übersetzt- JavaScript

Processing - JavaScript/Canvas - JavaScript/SVG - JavaScript, JQuery

Anforderungen

  • muss im Browser laufen
  • beliebig manipulierbare Bezier-Kurven
  • skalierbar zum drucken
  • fullscreen- autodetect display

direkter als processing->processing in netbeans...>processing.js...

 

nachteil JavaScript

keine Klassen/Objekte

Processing Community ist mit ähnlicheren Problemen beschäftigt

Wie generiere ich mehrere Objekte, auf die ich auch später wieder zugreifen kann?

Nur via Array?

Brown Touch Ice

Kein delay in processing js

In processing js gibt es keine delay funktion... alternative:

selber eine Verzögerung programmieren:

public void wait (int msec){
   int start= millis();
   int cur=start;
    
 while (cur<start+msec){
 cur=millis();
 }
 
    }

Processing Fullscreen

http://wiki.processing.org/w/Window_Size_and_Full_Screen

Fullscreen im Browser: http://stackoverflow.com/questions/12331094/how-can-processing-js-detect...

kde: app wird nicht fullscreen angezeigt-> in den App-Einstellungen

oder aus processing: export

Rückwärts

Wie kann ich eine Videosequenz rückwärts laufen lassen?

Auswählen

Mit einem Script jeweils am Morgen, Mittag, Nachmittag und am Abend Bilder auswählen?

Manuell? Auf eine überblickbare Menge reduzieren.

Videoformate

Videoformat: Auflösung, Bildrate, Farbtiefe, Tonspur (z.B. NTCS, PAL )

Video-Dateiformat: Containerformat, Videocodec, Audiocodec

Welche Video-Dateiformate sind für HTML-5 geeignet:

http://www.w3schools.com/html/html5_video.asp

kurz:

  • MP4 = MPEG 4 files with H264 video codec and AAC audio codec
  • WebM = WebM files with VP8 video codec and Vorbis audio codec
  • Ogg = Ogg files with Theora video codec and Vorbis audio codec

Ogg veraltet, also mp4 (Microsoft und Apple unterstützen nur dieses, ist  patentbehaftet) WebM für Firefox u.a. OS Browser

WebM gibt es in Blender nicht(?) also doch ogg.

MP4-Blender Standardeinstellungen: Eisfläche verschwindet fast ganz.

Ogg-Blender Standardeinstellungen: ebenfalls

Ogg: Einstellungsmöglichkeiten:

http://wiki.blender.org/index.php/Doc:2.6/Manual/Render/Output/Video

Wie erreiche ich, dass die z.B. Wolken auch im Dunkeln sichtbar bleiben? (in raw gut sichtbar)

Bitrate hochgesetzt (auf ein Vielfaches)

 

bei avconv auch quality settings

Portraits

Kantonasschule Zürich Nord Portraitarbeit. Jeder malt ein Portrait nach einem Foto einer/s unbekannten Mitschüler/in. Die Bilder nebeneinander:so sieht der/die aus, der/die das Bild daneben gemalt hat und umgekehrt.

 

Schlaeuche

Vor-sichten

Eislaeufer

s/e

Schwämme

kbild

Strom aus S.

In frische Semmeli wir die gleiche Apparatur gesteckt wie bei Strom aus Zitrone.

Was passiert,wenn die Semmeli trocknen?

Dieselbe Apparatur aber in Semmelis, die scheinbar funktioniert.

Darunter Anleitung, wie und weshalb das funktioniert.

 

Strom aus Zitrone

Institute of Technology Mies van der Rohe

Areal Institute of Technology in Chicago von Mies van der Rohe

Blickwinkel innerhalb des Areals einnehmen und konstruieren

(idee, unterrichsbeispiele, handzeichnung - >christoph wey)

Pages

Subscribe to NOP RSS