master
Lars Müller 2018-01-04 16:44:03 +01:00
parent 575b7488bf
commit c9926b58e0
5 changed files with 1 additions and 413 deletions

View File

@ -1,269 +0,0 @@
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
input {
position: relative; top: 0; left: 0;
}
</style>
<!--
<p>Fraktal-Suite online : </p>
<label for="w">Breite : </label>
<input align="left" type="number" min="1" max="2400" step="10" value="800" size="6" id="w">
<label for="h">Höhe : </label>
<input align="left" type="number" min="1" max="2400" step="10" value="600" size="6" id="h">
<label for="exp">Exponent : </label>
<input align="left" type="range" min="2" max="20" step="1" value="2" size="6" id="exp">
<input align="left" type="radio" id="mandelbrot" name="mb" value="Julia/Mandelbrot">
<label for="mandelbrot">Mandelbrot</label>
<input align="left" type="radio" id="julia" name="mb" value="Julia/Mandelbrot">
<label for="julia">Julia</label>
<input align="left" type="radio" id="maj" name="mb" value="Julia/Mandelbrot">
<label for="maj">Mandelbrot aus Julia</label>
<input align="left" type="radio" id="abs" name="farbe" value="Färbung">
<label for="abs">Absolut</label>
<input align="left" type="radio" id="betrag" name="farbe" value="Färbung">
<label for="betrag">Betrag</label>
<input align="left" type="radio" id="kreise" name="farbe" value="Färbung">
<label for="kreise">Kreise</label>
<input align="left" type="radio" id="cos" name="farbe" value="Färbung">
<label for="cos">Cosinus</label>
<label align="left" for="c_real">C-Realteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="c_real">
<label for="c_imag">C-Imaginärteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="c_imag">
<label for="m_real">M-Realteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="m_real">
<label for="m_imag"> M-Imaginärteil : </label>
<input align="left" type="number" min="-10" max="10" step="0.1" value="0.5" size="6" id="m_imag">
<label for="wc">Winkeländerung : </label>
<input align="left" type="number" min="-360" max="360" step="0.1" value="0.5" size="6" id="wc">
<label for="wi">Winkel : </label>
<input align="left" type="number" min="0" max="360" step="1" value="0" size="6" id="wi">
<input align="left" type="radio" id="add" name="transform" value="Transformieren">
<label for="add">Addieren</label>
<input align="left" type="radio" id="circles" name="transform" value="Transformieren">
<label for="circles">Ellipse berechnen</label>
-->
<canvas align="right" id="myCanvas" width="800" height="600" style="border:1px solid #d3d3d3;">
<script>
function ComplexNumber(rpart,ipart) {
this.rpart=rpart;
this.ipart=ipart;
}
function bs(cn) {
var a = (cn.rpart*cn.rpart) + (cn.ipart*cn.ipart) ;
var betrag = Math.sqrt(a);
return betrag ;
}
function erzeugeplus(that,other){
var wert1=that.rpart+other.rpart;
var wert2=that.ipart+other.ipart;
return new ComplexNumber(wert1,wert2);
}
function erzeugemal(that,other){
var wert1=that.rpart * other.rpart - that.ipart * other.ipart ;
var wert2=that.rpart * other.ipart + that.ipart * other.rpart ;
return new ComplexNumber(wert1,wert2) ;
}
function hoch(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 2) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,cn) ;
}
}
return cn;
}
function iter(that,iters,other){
var cn=(erzeugemal(that,other)) ;
if (iters > 0) {
for (i=0; i<iters-1; i++) {
cn=erzeugemal(cn,other) ;
}
}
return cn ;
}
//function update() {
var c = document.getElementById("myCanvas");
var mouseX=0;
var mouseY=0;
var zoomed=10;
var moveX=0;
var moveY=0;
var mode=2;
var m=0;
/*function relPos(evt) {
var r=c.getBoundingClientRect();
return {x:evt.clientX-rect.left,y:evt.clientY-rect.top};
}
function processMove(evt) {
var p=relPos(evt);
mouseX=p.x;
mouseY=p.y;
}*/
function mouseMove(e)
{
if(e.offsetX) {
mouseX = e.offsetX;
mouseY = e.offsetY;
}
else if(e.layerX) {
mouseX = e.layerX;
mouseY = e.layerY;
}
}
function mWheel(e) {
mouseMove(e);
zoomed+=e.wheelDelta/480;
moveX+=(e.wheelDelta/480)*((mouseX-400)/4000);
moveY+=(e.wheelDelta/480)*((mouseY-300)/3000);
//zoomed+=1;
}
function mClick(e) {
mode+=1;
}
function mRightClick(e) {
if (m != 1) {
m++;
}
else {
m=0;
}
return false;
}
c.oncontextmenu=mRightClick;
c.addEventListener('onmousemove', mouseMove, false);
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"
//c.attachEvent(mousewheelevt,mWheel);
c.addEventListener(mousewheelevt, mWheel, false);
c.addEventListener("click",mClick);
//var colors=new Array();
//var m = document.getElementById("mandelbrot");
var ctx = c.getContext("2d");
var gr = ctx.createImageData(800,800);
//var mchecked=m.checked;
var w=800;
var h=600;
var cc=new ComplexNumber(0.7,0.3);
function drawPixel(x,y,r,g,b) {
i=(x+y*gr.width)*4;
var d=gr.data;
gr.data[i]=r;
gr.data[i+1]=g;
gr.data[i+2]=b;
gr.data[i+3]=255;
}
function eval_mbm(x, y, zoom, resx, resy, type,movex,movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
var z = new ComplexNumber(0.0,0.0) ;
var c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
var benoetigte_iterationen=0 ;
var iters=75;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(c,iter(z,type,z)) ;
var betrag = bs(z) ;
/*if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}*/
if (benoetigte_iterationen > iters) {
if (true) {
var ci=(betrag*2.4) ;
drawPixel(0,0,ci);
break ;
}
}
if (betrag > iters/18*100) {
if (benoetigte_iterationen <= iters/2){
drawPixel(int(benoetigte_iterationen*3),int(benoetigte_iterationen*6),0) ;
}
if (benoetigte_iterationen > iters/2) {
drawPixel(0,int(benoetigte_iterationen*1.5),int(benoetigte_iterationen*3)) ;
}
break ;
}
}
}
}
}
function eval_jm(wert1, x, y, zoom, resx, resy, type, movex, movey){
for(xs=0; xs<resx; xs++) {
for(ys=0; ys<resy; ys++) {
z = new ComplexNumber(0.0,0.0) ;
c = new ComplexNumber(((xs-(resx/2.0))/zoom)+movex,((ys-(resy/2.0))/zoom)+movey) ;
z = c ;
benoetigte_iterationen=0 ;
while (true) {
benoetigte_iterationen += 1 ;
z=erzeugeplus(wert1,iter(z,type,z)) ;
betrag = bs(z) ;
if (benoetigte_iterationen > 75) {
drawPixel(xs+x,ys+y,0,0,255);
break ;
}
if (betrag > 100.0) {
if (benoetigte_iterationen <= 18){
drawPixel(xs+x,ys+y,benoetigte_iterationen*3,benoetigte_iterationen*6,0);
}
if (benoetigte_iterationen > 18) {
drawPixel(xs+x,ys+y,0,benoetigte_iterationen*1.5,benoetigte_iterationen*3);
}
break ;
}
}
}
}
}
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
function getGUIVars() {
return {};
}
function update() {
for (x=0; x < gr.width; x++) {
for (y=0; y < gr.height; y++) {
drawPixel(x,y,0,0,0);
}
}
if (m==0) {
eval_mbm(0,0,zoomed,800,600,mode,moveX,moveY);
}
if (m==1) {
eval_jm(cc,0,0,zoomed,800,600,mode,moveX,moveY);
}
ctx.putImageData( gr, 0,0 );
ctx.stroke();
}
setInterval(update,16);
//}
</script>
</body>
</html>

BIN
aglogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -1,125 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="56.444447mm"
height="56.444447mm"
viewBox="0 0 200.00001 200.00001"
id="svg3378"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="aglogo2.svg">
<defs
id="defs3380" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2"
inkscape:cx="299.14633"
inkscape:cy="99.206155"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1855"
inkscape:window-height="1056"
inkscape:window-x="65"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata3383">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-350.85712,-421.5051)">
<rect
ry="43.75"
rx="43.75"
y="422.38892"
x="351.74094"
height="198.23236"
width="198.23236"
id="rect3845"
style="fill:#80b3ff;stroke:#80b3ff;stroke-width:1.76764083" />
<path
inkscape:connector-curvature="0"
id="path3828-3"
d="m 543.82872,569.35336 c 2.36552,-1.15938 3.89774,-4.31745 4.5137,-9.30761 1.20078,-9.72831 -1.80797,-30.05767 -6.50265,-43.93777 -3.68599,-10.89712 -11.2757,-25.9746 -16.65325,-33.0838 -3.56817,-4.71689 -6.76411,-7.73968 -9.73604,-9.21035 -2.1359,-1.05604 -4.7019,-1.23599 -6.50807,-0.45384 -2.21571,0.95329 -3.58336,2.82734 -10.32445,14.11781 -5.04366,8.44734 -7.128,11.46861 -9.97514,14.45978 -3.53588,3.71254 -6.29649,5.08257 -9.25548,4.59134 l -1.39004,-0.23406 0.12402,0.94356 c 0.0681,0.5189 0.35983,4.53965 0.64873,8.92914 0.37515,4.54578 1.29101,9.00263 0.2758,12.33678 5.54253,24.66375 5.86426,-1.47829 5.50322,-3.51889 -1.62155,8.9718 4.3256,25.01567 4.33601,-0.11125 0.65943,0.34867 -0.34192,1.01165 -0.31623,6.4055 1.23371,16.70102 7.30662,2.02321 3.97276,-6.80007 2.69911,18.6644 8.22009,21.87318 4.07576,-0.73867 2.99509,15.06842 10.99583,24.39516 3.70874,-0.65235 3.23318,12.77273 12.7178,26.26875 3.97226,-0.97365 8.24921,25.73844 11.03085,17.23655 3.42021,-4.09676 12.91717,35.96945 9.25816,14.20599 3.20838,-4.51533 13.95692,43.34915 10.86286,20.70814 4.40028,-0.60402 2.60931,2.64362 5.39754,14.03406 6.22633,18.13854 5.32531,24.28909 5.75762,8.75815 3.3607,-5.14185 -0.9949,-4.05238 -4.91593,-14.01476 -4.21975,-14.71361 0,0 5.20531,10.98801 6.85101,18.57873 -1.02221,27.12803 9.08073,24.4537 2.5228,-4.19494 -1.17325,-6.80037 -4.27088,-16.12652 -3.47618,-15.46414 0.48501,0.397 3.6254,10.62141 4.27835,12.54592 1.62393,4.79075 2.3358,10.07668 2.98078,22.13866 0.4868,9.10485 0.83337,11.80997 1.59305,12.44378 0.86476,0.72134 3.15295,-0.2559 3.38142,-2.7209 0.0827,-0.88519 0.90818,-3.02035 0.75195,-4.7348 -0.53937,-5.16296 1.58591,-11.52718 -4.48484,-30.54684 -1.47155,-6.86177 -4.83719,-9.04648 -3.9039,-9.04648 0.64103,0 1.29018,0.98095 3.00926,4.54361 3.41277,7.07577 5.1398,13.53811 6.19206,23.16976 0.28271,2.58597 0.38288,6.25807 0.42179,15.39696 0.0486,11.58595 0.13435,13.79498 0.6078,15.67146 0.18787,0.73776 0.31362,0.87546 0.84948,0.86574 0.34581,0 1.04697,-0.20976 1.55754,-0.45385 z"
style="fill:#ffffff;stroke:#000000;stroke-width:0.69764328;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="csccccscccccccccccccccccccccccsccccsccccccc" />
<path
inkscape:connector-curvature="0"
id="path3828-3-6"
d="m 357.88554,569.35357 c -2.36553,-1.15938 -3.89775,-4.31745 -4.51371,-9.30761 -1.20078,-9.72831 1.80797,-30.05768 6.50266,-43.93778 3.68599,-10.89712 11.2757,-25.9746 16.65325,-33.0838 3.56817,-4.71689 6.76411,-7.73968 9.73604,-9.21035 2.1359,-1.05604 4.7019,-1.23599 6.50807,-0.45384 2.21571,0.95329 3.58336,2.82734 10.32445,14.11781 5.04366,8.44734 7.128,11.46861 9.97514,14.45978 3.53588,3.71254 6.29649,5.08257 9.25548,4.59134 l 1.39004,-0.23406 -0.12402,0.94356 c -0.0681,0.5189 -0.35983,4.53965 -0.64873,8.92914 -0.37515,4.54578 -1.29101,9.00263 -0.2758,12.33678 -5.54253,24.66376 -5.86426,-1.47829 -5.50322,-3.51889 1.62155,8.9718 -4.3256,25.01568 -4.33601,-0.11125 -0.65943,0.34867 0.34192,1.01165 0.31623,6.4055 -1.23371,16.70103 -7.30662,2.02321 -3.97276,-6.80007 -2.69911,18.66441 -8.22009,21.87319 -4.07576,-0.73867 -2.99509,15.06842 -10.99583,24.39517 -3.70874,-0.65235 -3.23318,12.77273 -12.7178,26.26876 -3.97226,-0.97365 -8.24921,25.73845 -11.03085,17.23655 -3.42021,-4.09676 -12.91717,35.96946 -9.25816,14.20599 -3.20838,-4.51533 -13.95692,43.34916 -10.86286,20.70814 -4.40028,-0.60402 -2.60931,2.64362 -5.39754,14.03406 -6.22633,18.13854 -5.32531,24.2891 -5.75762,8.75816 -3.3607,-5.14185 0.9949,-4.05238 4.91593,-14.01476 4.21975,-14.71361 0,0 -5.20531,10.98801 -6.85101,18.57873 1.02221,27.12804 -9.08073,24.45371 -2.5228,-4.19494 1.17325,-6.80037 4.27088,-16.12652 3.47618,-15.46414 -0.48501,0.397 -3.6254,10.62141 -4.27835,12.54592 -1.62393,4.79075 -2.3358,10.07668 -2.98078,22.13867 -0.4868,9.10485 -0.83337,11.80997 -1.59305,12.44378 -0.86476,0.72134 -3.15295,-0.2559 -3.38142,-2.7209 -0.0827,-0.88519 -0.90818,-3.02035 -0.75195,-4.7348 0.53937,-5.16296 -1.58591,-11.52719 4.48484,-30.54685 1.47155,-6.86177 4.83719,-9.04648 3.9039,-9.04648 -0.64103,0 -1.29018,0.98095 -3.00926,4.54361 -3.41277,7.07577 -5.1398,13.53811 -6.19206,23.16976 -0.28271,2.58598 -0.38288,6.25808 -0.42179,15.39697 -0.0486,11.58595 -0.13435,13.79498 -0.6078,15.67146 -0.18787,0.73776 -0.31362,0.87546 -0.84948,0.86574 -0.34581,0 -1.04697,-0.20976 -1.55754,-0.45385 z"
style="fill:#ffffff;stroke:#000000;stroke-width:0.69764328;stroke-miterlimit:4;stroke-dasharray:none"
sodipodi:nodetypes="csccccscccccccccccccccccccccccsccccsccccccc" />
<rect
style="fill:#b3b3b3;fill-rule:evenodd;stroke:#b3b3b3;stroke-width:0.66938049px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="rect3005"
width="74.901077"
height="142.96758"
x="413.49164"
y="450.02133"
ry="14.906573"
rx="13.495689" />
<rect
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:0.66938049"
id="rect3007"
width="19.568752"
height="10.163573"
x="417.54034"
y="477.12476"
rx="13.495689"
ry="10.163573" />
<rect
ry="10.163573"
rx="13.495689"
y="477.12476"
x="417.54034"
height="10.163573"
width="19.568752"
id="rect3009"
style="fill:#b3b3b3;stroke:#b3b3b3;stroke-width:0.66938049" />
<rect
style="fill:#80b3ff;stroke:#80b3ff;stroke-width:10.2019186;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect3011"
width="40.323208"
height="80.574112"
x="431.22302"
y="470.69745"
rx="0"
ry="0" />
<ellipse
ry="8.8084297"
rx="8.7721996"
cy="578.75934"
cx="450.60483"
style="fill:#ffffff;stroke:#000000;stroke-width:2.00814199;stroke-miterlimit:4;stroke-dasharray:none"
id="path3013" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.7 KiB

View File

@ -65,7 +65,7 @@ function Image(source, title, text, x_size, y_size) {
this.y_size=y_size;
}
var images=[
new Image("aglogo2.svg", "Appguru EU Logo", "My Logo", 1, 1),
new Image("aglogo.png", "Appguru EU Logo", "My Logo", 1, 1),
new Image("fractal_screenie.png", "Fractal-Suite Screenshot", "Do you notice my own GUI ? Also, as this image is too big, it is at half it's original size", 0.5, 0.5),
new Image("capture08.07.2017 19_20_02_1.jpg", "Planetary Movement Simulation Screenshot", "Try it out ! In there, you are the master of Gravity and the world.", 1, 1),
new Image("https://forum.minetest.net/download/file.php?mode=view&id=13354", "Colorful Stones in Minetest", "Made using Schematic Creator. Did you know it's based on an oil painting by Leonid Afremov ?", 0.5, 0.5),

View File

@ -1,18 +0,0 @@
</head>
<link rel="stylesheet" type="text/css" href="stylesheets.css"/>
<div id="navigieren"><ul id="Navigation">
</li>
<ul>
<li><span>Home</span></li>
</ul>
<li><a href="aboutme.html">About Me</a></li>
</li>
<ul>
<li><a href="applications.html">Applications</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</ul><div></div></div>
<head>