Port asset pipeline to Hanami
This commit is contained in:
@@ -1,2 +1,3 @@
|
||||
web: bundle exec hanami server
|
||||
css: npx tailwindcss -i ./app/assets/index.css -o ./public/assets/index.css --watch
|
||||
tailwind: bundle exec rake tailwind:watch
|
||||
assets: bundle exec hanami assets watch
|
||||
|
||||
10
Rakefile
10
Rakefile
@@ -52,3 +52,13 @@ namespace :blog do
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
namespace :tailwind do
|
||||
task :watch do
|
||||
system("npx tailwindcss -i ./app/assets/css/tailwind.css -o ./app/assets/builds/tailwind.css --watch")
|
||||
end
|
||||
|
||||
task :build do
|
||||
system("npx tailwindcss -i ./app/assets/css/tailwind.css -o ./app/assets/builds/tailwind.css --minify")
|
||||
end
|
||||
end
|
||||
2803
app/assets/builds/tailwind.css
Normal file
2803
app/assets/builds/tailwind.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -5,19 +5,19 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "Rubik";
|
||||
src: url("/assets/Rubik-VariableFont_wght.ttf") format("truetype");
|
||||
src: url("../fonts/Rubik-VariableFont_wght.ttf") format("truetype");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "JetBrainsMono";
|
||||
src: url("/assets/JetBrainsMono-VariableFont_wght.ttf") format("truetype");
|
||||
src: url("../fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Karla";
|
||||
src: url("/assets/Karla-VariableFont_wght.ttf") format("truetype");
|
||||
src: url("../fonts/Karla-VariableFont_wght.ttf") format("truetype");
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
BIN
app/assets/fonts/JetBrainsMono-VariableFont_wght.ttf
Normal file
BIN
app/assets/fonts/JetBrainsMono-VariableFont_wght.ttf
Normal file
Binary file not shown.
BIN
app/assets/fonts/Karla-VariableFont_wght.ttf
Normal file
BIN
app/assets/fonts/Karla-VariableFont_wght.ttf
Normal file
Binary file not shown.
BIN
app/assets/fonts/Rubik-VariableFont_wght.ttf
Normal file
BIN
app/assets/fonts/Rubik-VariableFont_wght.ttf
Normal file
Binary file not shown.
@@ -1,3 +1,7 @@
|
||||
import "../builds/tailwind.css";
|
||||
|
||||
import { md_gallery } from "./gallery.js";
|
||||
|
||||
(function() {
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.magic('clipboard', () => {
|
||||
@@ -5,7 +5,7 @@ Markdown Gallery
|
||||
-- Released under GPLv3
|
||||
*/
|
||||
|
||||
function md_gallery(config) {
|
||||
export function md_gallery(config) {
|
||||
var config = config || {},
|
||||
list_type = config.list_type || 'ul',
|
||||
class_name = config.class_name || 'gallery',
|
||||
23
app/templates/apps/patternmate/show.html.slim
Normal file
23
app/templates/apps/patternmate/show.html.slim
Normal file
@@ -0,0 +1,23 @@
|
||||
- context.content_for(:title, "")
|
||||
- context.content_for(:highlight_code, false)
|
||||
|
||||
article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-em:font-bold prose-em:not-italic prose-em:bg-blue-600 prose-em:px-1 prose-em:rounded prose-a:text-blue-600 prose-a:dark:text-indigo-300 prose-a:p-0.5 prose-a:rounded-sm prose-a:no-underline hover:prose-a:underline prose-em:text-blue-100"
|
||||
|
||||
h1 Hello world
|
||||
/ # PatternMate
|
||||
/
|
||||
/ ## Features
|
||||
/
|
||||
/ ### Accessibility
|
||||
/
|
||||
/ ### Paid features
|
||||
/
|
||||
/ ## Who is this app for?
|
||||
/
|
||||
/ ## Why did I build it?
|
||||
/
|
||||
/ ## Pricing
|
||||
/
|
||||
|
||||
|
||||
div class="max-w-screen-md mx-auto border-t border-solid border-gray-200 dark:border-gray-600"
|
||||
@@ -23,12 +23,11 @@ html
|
||||
link rel="me" href=Hanami.app.settings.github_url
|
||||
link rel="me" href=Hanami.app.settings.fed_bridge_url
|
||||
|
||||
link rel="stylesheet" href=context.asset_by_name("index.css")
|
||||
= stylesheet_tag "app"
|
||||
link rel="icon" type="image/x-icon" href="/assets/favicon.ico"
|
||||
|
||||
script data-domain="dnitza.com" src="https://stats.dnitza.com/js/script.js" defer="true"
|
||||
script src="/assets/gallery.js"
|
||||
script src=assets["index.js"]
|
||||
= javascript_tag "app"
|
||||
|
||||
script src="https://unpkg.com/htmx.org@1.9.2/dist/htmx.min.js" integrity="sha384-L6OqL9pRWyyFU3+/bjdSri+iIphTN/bvYyM37tICVyOJkWZLpP2vGn6VUEXgzg6h" crossorigin="anonymous"
|
||||
script src="https://cdn.jsdelivr.net/npm/alpinejs@3.12.0/dist/cdn.min.js" defer="true"
|
||||
|
||||
@@ -21,14 +21,14 @@ html
|
||||
link rel="me" href=Hanami.app.settings.mastodon_url
|
||||
link rel="me" href=Hanami.app.settings.github_url
|
||||
|
||||
link rel="stylesheet" href=assets["index.css"]
|
||||
= stylesheet_tag "app"
|
||||
link rel="icon" type="image/x-icon" href="/assets/favicon.ico"
|
||||
|
||||
script src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'
|
||||
link href='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css' rel='stylesheet'
|
||||
|
||||
script data-domain="dnitza.com" src="https://stats.dnitza.com/js/script.js" defer="true"
|
||||
script src=assets["index.js"]
|
||||
= javascript_tag "app"
|
||||
|
||||
body class="bg-white dark:bg-black selection:bg-blue-100 selection:text-blue-900 dark:selection:bg-blue-600 dark:selection:text-blue-100"
|
||||
== yield
|
||||
|
||||
@@ -4,7 +4,7 @@ require "hanami"
|
||||
|
||||
module Adamantium
|
||||
class App < Hanami::App
|
||||
config.assets.manifest_path = "public/assets/asset-manifest.json"
|
||||
config.assets.manifest_path = "public/assets.json"
|
||||
|
||||
config.actions.content_security_policy[:script_src] += " 'unsafe-eval' https://gist.github.com"
|
||||
config.actions.content_security_policy[:script_src] += " *.dnitza.com"
|
||||
@@ -23,16 +23,16 @@ module Adamantium
|
||||
config.logger.stream = "log/hanami.log"
|
||||
|
||||
config.shared_app_component_keys += [
|
||||
"param_parser.micropub_post",
|
||||
"param_parser.webmention",
|
||||
"post_utilities.slugify",
|
||||
"post_utilities.link_finder",
|
||||
"post_utilities.page_cacher",
|
||||
"syndication.dayone",
|
||||
"syndication.mastodon",
|
||||
"syndication.blue_sky",
|
||||
"syndication.raindrop",
|
||||
"renderers.markdown",
|
||||
"post_utilities.link_finder",
|
||||
"param_parser.micropub_post",
|
||||
"param_parser.webmention",
|
||||
"post_utilities.page_cacher"
|
||||
]
|
||||
end
|
||||
end
|
||||
|
||||
14
config/assets.js
Normal file
14
config/assets.js
Normal file
@@ -0,0 +1,14 @@
|
||||
import * as assets from "hanami-assets";
|
||||
|
||||
await assets.run();
|
||||
|
||||
// To provide additional esbuild (https://esbuild.github.io) options, use the following:
|
||||
//
|
||||
// await assets.run({
|
||||
// esbuildOptionsFn: (args, esbuildOptions) => {
|
||||
// // Add to esbuildOptions here. Use `args.watch` as a condition for different options for
|
||||
// // compile vs watch.
|
||||
//
|
||||
// return esbuildOptions;
|
||||
// }
|
||||
// });
|
||||
1403
package-lock.json
generated
1403
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
11
package.json
11
package.json
@@ -1,6 +1,15 @@
|
||||
{
|
||||
"name": "test21",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"assets": "node config/assets.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"hanami-assets": "^2.1.0-rc.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/typography": "^0.5.8",
|
||||
"tailwindcss": "^3.2.4"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
{"gallery.js":{"url":"/assets/dist/gallery-Hjs5xnPnJKoW.js"},"index.js":{"url":"/assets/dist/index-Hjs5xnPnJKoW.js"},"terrain.js":{"url":"/assets/dist/terrain-Hjs5xnPnJKoW.js"},"index.css":{"url":"/assets/dist/index-Hjs5xnPnJKoW.css"}}
|
||||
1
public/assets/dist/index-Hjs5xnPnJKoW.css
vendored
1
public/assets/dist/index-Hjs5xnPnJKoW.css
vendored
File diff suppressed because one or more lines are too long
373
public/assets/dist/terrain-Hjs5xnPnJKoW.js
vendored
373
public/assets/dist/terrain-Hjs5xnPnJKoW.js
vendored
@@ -1,373 +0,0 @@
|
||||
//public interface Render {
|
||||
// /**
|
||||
// * drawContour - interface for implementing the user supplied method to
|
||||
// * render the countours.
|
||||
// *
|
||||
// * Draws a line between the start and end coordinates.
|
||||
// *
|
||||
// * @param startX - start coordinate for X
|
||||
// * @param startY - start coordinate for Y
|
||||
// * @param endX - end coordinate for X
|
||||
// * @param endY - end coordinate for Y
|
||||
// * @param contourLevel - Contour level for line.
|
||||
// */
|
||||
// public void drawContour(double startX, double startY, double endX, double endY, double contourLevel);
|
||||
//}
|
||||
class Renderer {
|
||||
MAGNITUDE = 20;
|
||||
drawContour(startX, startY, endX, endY, contourLevel) {
|
||||
//strokeWeight((int)contourLevel * 2.057721);
|
||||
//if(contourLevel == 1.0) {
|
||||
// strokeWeight(5);
|
||||
//} else if (contourLevel == 5.0) {
|
||||
// strokeWeight(1);
|
||||
//}
|
||||
//else {
|
||||
// strokeWeight(2.5);
|
||||
//}
|
||||
let from = color(237, 84, 102);
|
||||
let to = color(244, 208, 99);
|
||||
let c = lerpColor(from, to, startX / (width / this.MAGNITUDE)); //color[] colors = {
|
||||
// color(15),
|
||||
// color(25),
|
||||
// color(35),
|
||||
// color(45),
|
||||
// color(55),
|
||||
// color(65),
|
||||
// color(75),
|
||||
// color(75),
|
||||
// color(95),
|
||||
// color(115),
|
||||
// color(135),
|
||||
// color(155),
|
||||
// color(175),
|
||||
// color(195),
|
||||
// color(205),
|
||||
// color(215),
|
||||
// color(235),
|
||||
// color(255)
|
||||
//};
|
||||
//color[] colors = {
|
||||
// color(255 - 255),
|
||||
// color(255 - 235),
|
||||
// color(255 - 215),
|
||||
// color(255 - 205),
|
||||
// color(255 - 195),
|
||||
// color(255 - 175),
|
||||
// color(255 - 155),
|
||||
// color(255 - 135),
|
||||
// color(255 - 115),
|
||||
// color(255 - 95),
|
||||
// color(255 - 75),
|
||||
// color(255 - 75),
|
||||
// color(255 - 65),
|
||||
// color(255 - 55),
|
||||
// color(255 - 45),
|
||||
// color(255 - 35),
|
||||
// color(255 - 25),
|
||||
// color(255 - 15),
|
||||
//};
|
||||
//float i = (float) contourLevel * 2.057721;
|
||||
//stroke(127 + 127 * sin((i/10) * 0.05),
|
||||
// 127 + 127 * sin((i/20) * 0.003),
|
||||
// 127 + 127 * sin((i/10) * 0.009)
|
||||
//);
|
||||
//stroke(colors[(int)contourLevel]);
|
||||
stroke(20); //stroke(c);
|
||||
line(
|
||||
startX * this.MAGNITUDE,
|
||||
startY * this.MAGNITUDE,
|
||||
endX * this.MAGNITUDE,
|
||||
endY * this.MAGNITUDE
|
||||
); //fill(20);
|
||||
//line((float)endX * MAGNITUDE, (float)startY * MAGNITUDE, (float)startX * MAGNITUDE, (float)endY * MAGNITUDE);
|
||||
//point((float)startX * MAGNITUDE, (float)endY * MAGNITUDE);
|
||||
//point((float)endX * MAGNITUDE, (float)startY * MAGNITUDE);
|
||||
}
|
||||
}
|
||||
class Conrec {
|
||||
h = new Array(5);
|
||||
sh = new Array(5);
|
||||
xh = new Array(5);
|
||||
yh = new Array(5); // Object that knows how to draw the contour
|
||||
renderer = null; /** Creates new Conrec */
|
||||
constructor(renderer) {
|
||||
this.renderer = renderer;
|
||||
}
|
||||
/**
|
||||
* contour is a contouring subroutine for rectangularily spaced data
|
||||
*
|
||||
* It emits calls to a line drawing subroutine supplied by the user
|
||||
* which draws a contour map corresponding to real*4data on a randomly
|
||||
* spaced rectangular grid. The coordinates emitted are in the same
|
||||
* units given in the x() and y() arrays.
|
||||
*
|
||||
* Any number of contour levels may be specified but they must be
|
||||
* in order of increasing value.
|
||||
*
|
||||
*
|
||||
* @param d - matrix of data to contour
|
||||
* @param ilb,iub,jlb,jub - index bounds of data matrix
|
||||
*
|
||||
* The following two, one dimensional arrays (x and y) contain the horizontal and
|
||||
* vertical coordinates of each sample points.
|
||||
* @param x - data matrix column coordinates
|
||||
* @param y - data matrix row coordinates
|
||||
* @param nc - number of contour levels
|
||||
* @param z - contour levels in increasing order.
|
||||
*
|
||||
*/
|
||||
contour(d, ilb, iub, jlb, jub, x, y, nc, z) {
|
||||
let m1;
|
||||
let m2;
|
||||
let m3;
|
||||
let case_value;
|
||||
let dmin;
|
||||
let dmax;
|
||||
let x1 = 0.0;
|
||||
let x2 = 0.0;
|
||||
let y1 = 0.0;
|
||||
let y2 = 0.0;
|
||||
let i;
|
||||
j;
|
||||
k;
|
||||
m; // The indexing of im and jm should be noted as it has to start from zero
|
||||
// unlike the fortran counter part
|
||||
let im = [0, 1, 1, 0];
|
||||
let jm = [0, 0, 1, 1]; // Note that castab is arranged differently from the FORTRAN code because
|
||||
// Fortran and C/C++ arrays are transposed of each other, in this case
|
||||
// it is more tricky as castab is in 3 dimension
|
||||
let castab = [
|
||||
[
|
||||
[0, 0, 8],
|
||||
[0, 2, 5],
|
||||
[7, 6, 9],
|
||||
],
|
||||
[
|
||||
[0, 3, 4],
|
||||
[1, 3, 1],
|
||||
[4, 3, 0],
|
||||
],
|
||||
[
|
||||
[9, 6, 7],
|
||||
[5, 2, 0],
|
||||
[8, 0, 0],
|
||||
],
|
||||
];
|
||||
for (j = jub - 1; j >= jlb; j--) {
|
||||
for (i = ilb; i <= iub - 1; i++) {
|
||||
let temp1;
|
||||
temp2;
|
||||
temp1 = Math.min(d[i][j], d[i][j + 1]);
|
||||
temp2 = Math.min(d[i + 1][j], d[i + 1][j + 1]);
|
||||
dmin = Math.min(temp1, temp2);
|
||||
temp1 = Math.max(d[i][j], d[i][j + 1]);
|
||||
temp2 = Math.max(d[i + 1][j], d[i + 1][j + 1]);
|
||||
dmax = Math.max(temp1, temp2);
|
||||
if (dmax >= z[0] && dmin <= z[nc - 1]) {
|
||||
for (k = 0; k < nc; k++) {
|
||||
if (z[k] >= dmin && z[k] <= dmax) {
|
||||
for (m = 4; m >= 0; m--) {
|
||||
if (m > 0) {
|
||||
// The indexing of im and jm should be noted as it has to
|
||||
// start from zero
|
||||
this.h[m] =
|
||||
d[i + im[m - 1]][j + jm[m - 1]] - z[k];
|
||||
this.xh[m] = x[i + im[m - 1]];
|
||||
this.yh[m] = y[j + jm[m - 1]];
|
||||
} else {
|
||||
this.h[0] =
|
||||
0.25 *
|
||||
(this.h[1] +
|
||||
this.h[2] +
|
||||
this.h[3] +
|
||||
this.h[4]);
|
||||
this.xh[0] = 0.5 * (x[i] + x[i + 1]);
|
||||
this.yh[0] = 0.5 * (y[j] + y[j + 1]);
|
||||
}
|
||||
if (this.h[m] > 0.0) {
|
||||
this.sh[m] = 1;
|
||||
} else if (this.h[m] < 0.0) {
|
||||
this.sh[m] = -1;
|
||||
} else this.sh[m] = 0;
|
||||
} //
|
||||
// Note: at this stage the relative heights of the corners and the
|
||||
// centre are in the h array, and the corresponding coordinates are
|
||||
// in the xh and yh arrays. The centre of the box is indexed by 0
|
||||
// and the 4 corners by 1 to 4 as shown below.
|
||||
// Each triangle is then indexed by the parameter m, and the 3
|
||||
// vertices of each triangle are indexed by parameters m1,m2,and
|
||||
// m3.
|
||||
// It is assumed that the centre of the box is always vertex 2
|
||||
// though this is// [processing-p5-convert] important only when all 3 vertices lie exactly on
|
||||
// the same contour level, in which case only the side of the box
|
||||
// is drawn.
|
||||
//
|
||||
//
|
||||
// vertex 4 +-------------------+ vertex 3
|
||||
// | \ / |
|
||||
// | \ m-3 / |
|
||||
// | \ / |
|
||||
// | \ / |
|
||||
// | m=2 X m=2 | the centre is vertex 0
|
||||
// | / \ |
|
||||
// | / \ |
|
||||
// | / m=1 \ |
|
||||
// | / \ |
|
||||
// vertex 1 +-------------------+ vertex 2
|
||||
//
|
||||
//
|
||||
//
|
||||
// Scan each triangle in the box
|
||||
//
|
||||
for (m = 1; m <= 4; m++) {
|
||||
m1 = m;
|
||||
m2 = 0;
|
||||
if (m != 4) {
|
||||
m3 = m + 1;
|
||||
} else {
|
||||
m3 = 1;
|
||||
}
|
||||
case_value =
|
||||
castab[this.sh[m1] + 1][this.sh[m2] + 1][
|
||||
this.sh[m3] + 1
|
||||
];
|
||||
if (case_value != 0) {
|
||||
switch (case_value) {
|
||||
case 1: // Line between vertices 1 and 2
|
||||
x1 = this.xh[m1];
|
||||
y1 = this.yh[m1];
|
||||
x2 = this.xh[m2];
|
||||
y2 = this.yh[m2];
|
||||
break;
|
||||
case 2: // Line between vertices 2 and 3
|
||||
x1 = this.xh[m2];
|
||||
y1 = this.yh[m2];
|
||||
x2 = this.xh[m3];
|
||||
y2 = this.yh[m3];
|
||||
break;
|
||||
case 3: // Line between vertices 3 and 1
|
||||
x1 = this.xh[m3];
|
||||
y1 = this.yh[m3];
|
||||
x2 = this.xh[m1];
|
||||
y2 = this.yh[m1];
|
||||
break;
|
||||
case 4: // Line between vertex 1 and side 2-3
|
||||
x1 = this.xh[m1];
|
||||
y1 = this.yh[m1];
|
||||
x2 = this.xsect(m2, m3);
|
||||
y2 = this.ysect(m2, m3);
|
||||
break;
|
||||
case 5: // Line between vertex 2 and side 3-1
|
||||
x1 = this.xh[m2];
|
||||
y1 = this.yh[m2];
|
||||
x2 = this.xsect(m3, m1);
|
||||
y2 = this.ysect(m3, m1);
|
||||
break;
|
||||
case 6: // Line between vertex 3 and side 1-2
|
||||
x1 = this.xh[m3];
|
||||
y1 = this.yh[m3];
|
||||
x2 = this.xsect(m1, m2);
|
||||
y2 = this.ysect(m1, m2);
|
||||
break;
|
||||
case 7: // Line between sides 1-2 and 2-3
|
||||
x1 = this.xsect(m1, m2);
|
||||
y1 = this.ysect(m1, m2);
|
||||
x2 = this.xsect(m2, m3);
|
||||
y2 = this.ysect(m2, m3);
|
||||
break;
|
||||
case 8: // Line between sides 2-3 and 3-1
|
||||
x1 = this.xsect(m2, m3);
|
||||
y1 = this.ysect(m2, m3);
|
||||
x2 = this.xsect(m3, m1);
|
||||
y2 = this.ysect(m3, m1);
|
||||
break;
|
||||
case 9: // Line between sides 3-1 and 1-2
|
||||
x1 = this.xsect(m3, m1);
|
||||
y1 = this.ysect(m3, m1);
|
||||
x2 = this.xsect(m1, m2);
|
||||
y2 = this.ysect(m1, m2);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
} // Put your processing code here and comment out the printf
|
||||
//print("%f %f %f %f %f\n",x1,y1,x2,y2,z[k]);
|
||||
this.renderer.drawContour(
|
||||
x1,
|
||||
y1,
|
||||
x2,
|
||||
y2,
|
||||
z[k]
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
xsect(p1, p2) {
|
||||
return (
|
||||
(this.h[p2] * this.xh[p1] - this.h[p1] * this.xh[p2]) /
|
||||
(this.h[p2] - this.h[p1])
|
||||
);
|
||||
}
|
||||
ysect(p1, p2) {
|
||||
return (
|
||||
(this.h[p2] * this.yh[p1] - this.h[p1] * this.yh[p2]) /
|
||||
(this.h[p2] - this.h[p1])
|
||||
);
|
||||
}
|
||||
}
|
||||
let LIMIT = 200;
|
||||
let x = new Array(LIMIT);
|
||||
let y = new Array(LIMIT);
|
||||
let d = Array.from(new Array(LIMIT - 1), () => new Array(LIMIT - 1));
|
||||
let renderer = new Renderer();
|
||||
let ilb = 0;
|
||||
let iub = 100;
|
||||
let jlb = 0;
|
||||
let jub = 100;
|
||||
let nc = 10;
|
||||
let z = [
|
||||
1.0, 2.0, 3.0, 4.0, 5.0, 6.0, 7.0, 8.0, 9.0, 10.0, 11.0, 12.0, 13.0, 14.0,
|
||||
15.0, 16.0, 17.0,
|
||||
];
|
||||
let t;
|
||||
function setup() {
|
||||
//size(6500, 6500);
|
||||
createCanvas(1024, 1024);
|
||||
for (let i = 0; i < LIMIT; i++) {
|
||||
x[i] = i;
|
||||
y[i] = i;
|
||||
} // frameRate(1);
|
||||
}
|
||||
function draw() {
|
||||
// noFill();
|
||||
// background(color(89, 191, 237));
|
||||
background(255); // stroke(255);
|
||||
for (let i = 0; i < LIMIT - 1; i++) {
|
||||
for (let k = 0; k < LIMIT - 1; k++) {
|
||||
//float p_noise = noise(t);
|
||||
//float p_noise = noise(t) * i * k;
|
||||
//float p_noise = noise(t * k) + (10 * cos(k) * i) * (10 * sin(k / 20) * i);
|
||||
//float p_noise = noise(t + i) * (10 * cos(k * i)) * (2 * sin(k) * k);
|
||||
let p_noise = noise(i * k) * (2 * cos(k * i)) * (5 * sin(t) * k); //float p_noise = (noise(t * k ) / i);
|
||||
//float p_noise = noise(t * i * k);
|
||||
//float p_noise = noise(t * i) * (k * k);
|
||||
d[i][k] = PI * (sin(p_noise / k) + cos(p_noise)); //d[i][k] = (mouseY * sin(p_noise / k) + cos(i / (mouseX + 1)));
|
||||
//d[i][k] = (mouseY / 200.0) * (sin(p_noise * (mouseX / 200.0)));
|
||||
//d[i][k] = sin(p_noise * PI) * PI + k;
|
||||
//print(mouseY);
|
||||
//print("/n");
|
||||
//d[i][k] = (i * mouseY) * (p_noise / k); // water
|
||||
//d[i][k] = (18 - (p_noise + (mouseY / 200.0) )) * mouseX / 200.0;
|
||||
//d[i][k] = random(0,10);
|
||||
}
|
||||
}
|
||||
let c = new Conrec(renderer);
|
||||
c.contour(d, ilb, iub, jlb, jub, x, y, nc, z); //t = t + 0.005;
|
||||
t = second(); //String color_names = from_r + "-" + from_g + "-" + from_b + "--" + to_r + "-"+ to_g + "-"+ to_b;
|
||||
//saveFrame("terrain-black-large-outline-2-"+t+"-######.png");
|
||||
}
|
||||
@@ -8,10 +8,10 @@ html
|
||||
|
||||
title Admin // Daniel Nitsikopoulos
|
||||
|
||||
link rel="stylesheet" href=assets["index.css"]
|
||||
= stylesheet_tag "app"
|
||||
link rel="icon" type="image/x-icon" href="/assets/favicon.ico"
|
||||
|
||||
script src=assets["index.js"]
|
||||
= javascript_tag "app"
|
||||
|
||||
script src="https://unpkg.com/htmx.org@1.9.2/dist/htmx.min.js" integrity="sha384-L6OqL9pRWyyFU3+/bjdSri+iIphTN/bvYyM37tICVyOJkWZLpP2vGn6VUEXgzg6h" crossorigin="anonymous"
|
||||
script src="https://cdn.jsdelivr.net/npm/alpinejs@3.12.0/dist/cdn.min.js" defer="true"
|
||||
|
||||
Reference in New Issue
Block a user