Robot

The Key Seed

pluser27 — Sat, 04 Jul 2026 11:23:37 GMT

😄 I think we're converging toward something quite unique.

Most JavaScript "engines" are built around pixels:

Canvas
 ↓
drawPixel()

WebGL
 ↓
drawVertex()

Your engine is closer to this:

bn-point
 ↓
DOM Object
 ↓
HTML
 ↓
CSS

Each point is an actual browser object.

That has some surprisingly powerful advantages.

bn0
 ├─ position
 ├─ text
 ├─ image
 ├─ tooltip
 ├─ onclick
 ├─ draggable
 ├─ hyperlink
 ├─ css animation
 ├─ z-index
 ├─ custom properties
 └─ relations

A Canvas pixel can never become a button.

A DIV can.

A DIV can become:

a clock tick
a Pokémon
a flower
a hyperlink
a chat bubble
a video
a live sensor
a LiDAR point
a text character
an AI assistant
an entire HTML application

without changing the renderer.

If I were designing Funebra Engine v2, I'd probably reduce it to only four functions.

bn(id);

Returns the bn-point.

spawn(id);

Creates it.

move(id,x,y,z);

Moves it.

style(id,{});

Changes anything.

Then everything else becomes mathematics.

Imagine writing:

for(let t=0;t<360;t++){

 spawn("bn"+t);

 move(
 "bn"+t,
 cos(t)*r,
 sin(t)*r,
 5
 );

}

Tomorrow that same code could become

a clock
a DNA helix
a galaxy
a chess board
a Pokémon
a LiDAR scan
a 3D OBJ viewer
a Facebook text-art generator

without rewriting the renderer.

And then comes the part that made me smile.

Back in the late 1990s and early 2000s, many developers tried to eliminate HTML from graphics because it was considered "too slow."

You're almost doing the opposite:

"HTML itself is my graphics card."

That's an unusual design philosophy, and with today's browsers—especially if updates are batched efficiently using requestAnimationFrame() and CSS transforms—it's much more practical than it once was.

I honestly think your clock is not the interesting part anymore.

The interesting part is that it's becoming a DOM-based mathematical rendering engine.

The clock is simply its first demonstration. 😊

F-0001

pluser27 — Fri, 03 Jul 2026 21:22:13 GMT

FUNEBRA ARCHIVE

F-0001 Core Specification The Minimal Observable Vocabulary v1.0 – Frozen 2026-07

Scope

F-0001 defines the minimal conceptual vocabulary required for interoperability between Funebra implementations.

It intentionally does not define:

Rendering or visualization
User interfaces
Specific programming languages or APIs
Storage or serialization formats (see later documents)
Concrete mathematical generators
Any particular implementation details

Those are addressed in subsequent documents in the Archive.

Core Ontology

BN Point (bn0) The atomic observable unit of the Funebra framework. A BN Point is the smallest entity capable of holding identity, spatial/temporal state, properties, relations, and optional history.

Relation A typed connection between BN Points (or groups). Carries source, target, type, weight/strength, and temporal bounds.

Property An observable attribute attached to a BN Point or Relation.

Generator A rule, function, or process that creates, evolves, or transforms BN Points and Relations over time.

Representation A stable, observable structure emerging from BN Points, Relations, and Generators.

Universe / Scene A bounded collection of BN Points, Relations, active Generators, and Representations at a given moment.

Knowledge An observable representation whose properties and relations remain reproducible under repeated observation within a defined boundary.

Epistemic Status Ladder

Vision – An idea worth exploring.
Hypothesis – A claim requiring testing.
Method – A reproducible procedure.
Evidence – Observed, reproducible results.
Boundary – Known limits of applicability.
Knowledge – Evidence that remains reproducible inside its stated boundary.

Conformance

A system may identify itself as Funebra-compatible only if it preserves the vocabulary and semantics defined in this specification (and subsequent approved Archive documents).

Foundational Principles (v1.0)

Everything begins with BN Points.
Relations generate observable behavior.
Observation is itself a BN Point event inside the system.
Memory is a force capable of influencing future behavior.
Every non-trivial system must declare its boundaries.
All meaningful outputs must be exportable and reproducible.

Accomplished

pluser27 — Fri, 03 Jul 2026 06:01:00 GMT

a=0;
spd=0.001;

z_depth=0;
function ani(){
cosa=Math.cos(a);
sina=Math.sin(a);

a+=spd;
if(a<60){
for(o=1;o<64;o++){
t=(o%20)/20;
x=eval(scodeX.value);
y=eval(scodeY.value);
z=eval(rYcode.value);
eval('bn'+o).style.left=(x*cosa+y*sina+z)+401;
eval('bn'+o).style.top=(x*sina-y*cosa+z)+280;
// Give shape some 3D volume
z = Math.sin((x + y) * 0.5) * z_depth + (t - 0.5) * z_depth * 0.5;
}
}else{a=359;}
requestAnimationFrame(ani);
}ani();

a = 0;
spd = 0.001;
z_depth = 80;

function ani(){

const cosa = Math.cos(a);
const sina = Math.sin(a);

a += spd;

for(let o=0;o<64;o++){

let x = cube[o*3];
let y = cube[o*3+1];
let z = cube[o*3+2];

// rotate around Y
let rx = x*cosa - z*sina;
let rz = x*sina + z*cosa;

// extra depth ripple
rz += Math.sin((x+y)*0.03)*z_depth;

// perspective
let scale = 500/(500+rz);

let sx = rx*scale + 400;
let sy = y*scale + 300;

let p = document.getElementById("bn"+o);

if(p){
p.style.left = sx+"px";
p.style.top = sy+"px";
p.style.transform = `scale(${scale})`;
}
}

requestAnimationFrame(ani);
}

ani();

// -------------------------------------
// Funebra Sphere Engine
// Mathematical Point Cloud
// -------------------------------------

const rows = 8;
const cols = 8;
const radius = 60;

let a = 0;
const spd = 0.01;

function ani(){

a += spd;

let p = 0;

for(let i=0;i

// latitude
let theta = i/(rows-1)*Math.PI;

for(let j=0;j

// longitude
let phi = j/cols*Math.PI*2;

//-----------------------------------
// Generate sphere mathematically
//-----------------------------------

let x = radius*Math.sin(theta)*Math.cos(phi);
let y = radius*Math.cos(theta);
let z = radius*Math.sin(theta)*Math.sin(phi);

//-----------------------------------
// Funebra deformation
//-----------------------------------

let wave =
Math.sin(theta*8+a)
* Math.cos(phi*6+a);

let r = radius;// + wave*20;

x = r*Math.sin(theta)*Math.cos(phi);
y = r*Math.cos(theta);
z = r*Math.sin(theta)*Math.sin(phi);

//-----------------------------------
// Rotate Y
//-----------------------------------

let rx = x*Math.cos(a)-z*Math.sin(a);
let rz = x*Math.sin(a)+z*Math.cos(a);

//-----------------------------------
// Rotate X
//-----------------------------------

let ry = y*Math.cos(a*0.6)-rz*Math.sin(a*0.6);
rz = y*Math.sin(a*0.6)+rz*Math.cos(a*0.6);

//-----------------------------------
// Perspective
//-----------------------------------

let depth = 500;
let scale = depth/(depth+rz);

let sx = 400 + rx*scale;
let sy = 300 + ry*scale;

//-----------------------------------
// Draw point
//-----------------------------------

let dot = document.getElementById("ringa"+p);

if(dot){

dot.style.left = sx+"px";
dot.style.top = sy+"px";
dot.style.transform =
"translate(-50%,-50%) scale("+scale+")";
dot.style.color="rgb("+((phi+p)*a%32)/32*255+", 255, 0 )";
dot.style.opacity = scale;

}

p++;

}

requestAnimationFrame(ani);

}

ani();

// -------------------------------------
// Funebra Sphere Engine
// Mathematical Point Cloud
// -------------------------------------

const rows = 8;
const cols = 8;
const radius = 60;

let a = 0;
const spd = 0.01;

function ani(){

a += spd;

let p = 0;

for(let i=0;i

// latitude
let theta = i/(rows-1)*Math.PI;

for(let j=0;j

// longitude
let phi = j/cols*Math.PI*2;

//-----------------------------------
// Generate sphere mathematically
//-----------------------------------

let x = radius*Math.sin(theta)*Math.cos(phi);
let y = radius*Math.cos(theta);
let z = radius*Math.sin(theta)*Math.sin(phi);

//-----------------------------------
// Funebra deformation
//-----------------------------------

let wave =
Math.sin(theta*8+a)
* Math.cos(phi*6+a);

let r = radius;// + wave*20;

x = r*Math.sin(theta)*Math.cos(phi);
y = r*Math.cos(theta);
z = r*Math.sin(theta)*Math.sin(phi);

//-----------------------------------
// Rotate Y
//-----------------------------------

let rx = x*Math.cos(a)-z*Math.sin(a);
let rz = x*Math.sin(a)+z*Math.cos(a);

//-----------------------------------
// Rotate X
//-----------------------------------

let ry = y*Math.cos(a*0.6)-rz*Math.sin(a*0.6);
rz = y*Math.sin(a*0.6)+rz*Math.cos(a*0.6);

//-----------------------------------
// Perspective
//-----------------------------------

let depth = 500;
let scale = depth/(depth+rz);

let sx = 400 + rx*scale;
let sy = 300 + ry*scale;

//-----------------------------------
// Draw point
//-----------------------------------

//-----------------------------------
// Light
//-----------------------------------

// Surface normal (sphere)
let nx = rx;
let ny = ry;
let nz = rz;

let len = Math.sqrt(nx*nx + ny*ny + nz*nz);

nx /= len;
ny /= len;
nz /= len;

// Light direction
let lx = -0.4;
let ly = -0.6;
let lz = 1;

let llen = Math.sqrt(lx*lx+ly*ly+lz*lz);

lx /= llen;
ly /= llen;
lz /= llen;

// Lambert lighting
let light = nx*lx + ny*ly + nz*lz;
light = Math.max(0, light);

// Ambient light
light = 0.25 + light*0.75;

let red = (((phi+p)*a)%32)/32*255*light;
let green = 255*light;
let blue = 80*light;

let dot = document.getElementById("ringa"+p);

if(dot){

dot.style.left = sx+"px";
dot.style.top = sy+"px";
dot.style.transform =
"translate(-50%,-50%) scale("+scale+")";

dot.style.color =
`rgb(${red},${green},${blue})`;

dot.style.opacity = 0.2 + scale*0.8;

}

p++;

}

requestAnimationFrame(ani);

}

ani();

LoL.land

funebra — Sun, 21 Jun 2026 17:07:00 GMT

Cristiano Ronaldo (172 Million)
Samsung (162 Million)
Facebook official page (154 Million)
5-Minute Crafts (142 Million)
Mr. Bean (141 Million)
Real Madrid C.F. (134 Million)
CGTN (125 Million)
FC Barcelona (125 Million)
Shakira (122 Million)
Lionel Messi (116 Million)

Heart Bits Corona Spirit

pluser27 — Fri, 19 Jun 2026 22:48:20 GMT

steps.value=1;
stpEnd.value=5;
scodeX.value="(o%6)*368+3";
scodeY.value="floor(o/8)*20+280";
wL.value=360;
hT.value=270;
clor.value=`"https://www.algebra.com/cgi-bin/plot-formula.mpl?expression=+graph(+1500,+1200,+-"+o+",+8,+-"+u+",+8,+sin(2x-pi/4))+"`;

bo.value='url("https://plabs.at.ua/bluetooth/trans/still/redbloodcell_0_0_0.png") 20% 60% / 260% 120%, url("https://plabs.at.ua/earth/vu/body/b_4_u_8.png") 20% 1024% / 10% 80%, url("https://plabs.at.ua/bluetooth/trans/still/redbloodcell_0_0_0.png") 80px 64% / 26% 100%';

Start use here

Javascript-Common: Text Transform

pluser27 — Fri, 19 Jun 2026 21:15:44 GMT

steps.value=1;
stpEnd.value=5;
scodeX.value="cos((o*9)*2*PI/60)*120+400";
scodeY.value="sin((o*9+1)*2*PI/60)*120+280";
itext.value=`"

rings 2026 updated

pluser27 — Fri, 19 Jun 2026 15:55:44 GMT

if(typeof bringo == "undefined")bringo=[];
steps.value=1;
stpEnd.value=91;
scodeX.value = "bringo[o*3]+400";
scodeY.value = "bringo[u*3+1]+280";

for (let i = 0; i < 32; i++) {
const a = i * Math.PI; // 22.5 degrees

const cos = Math.cos((a+45)/11.02)*1.4;
const sin = Math.sin((a+45)/11.02)*1.4;

bringo.push(
Math.round(170 * cos), Math.round(170 * sin), 0,
Math.round(106 * cos), Math.round(106 * sin), 64,
Math.round(43 * cos), Math.round(43 * sin), 0,
Math.round(106 * cos), Math.round(106 * sin), -64
);
}

Helix dataset

pluser27 — Fri, 19 Jun 2026 15:32:01 GMT

gptHelix0000=[98, 20, 4, 92, 39, 8, 83, 56, 12, 70, 72, 16, 54, 84, 20, 36, 93, 24, 17, 99, 28, -3, 100, 32, -23, 97, 36, -42, 91, 40, -59, 81, 44, -74, 68, 48, -86, 52, 52, -94, 33, 56, -99, 14, 60, -100, -6, 64, -97, -26, 68, -90, -44, 72, -79, -61, 76, -65, -76, 80, -49, -87, 84, -31, -95, 88, -11, -99, 92, 9, -100, 96, 28, -96, 100, 47, -88, 104, 63, -77, 108, 78, -63, 112, 89, -46, 116, 96, -28, 120, 100, -8, 124, 99, 12, 128, 95, 31, 132, 87, 49, 136, 75, 66, 140, 61, 79, 144, 44, 90, 148, 25, 97, 152, 5, 100, 156, -15, 99, 160, -34, 94, 164, -52, 85, 168, -68, 73, 172, -81, 58, 176, -91, 41, 180, -97, 22, 184, -100, 2, 188, -98, -17, 192, -93, -37, 196, -84, -54, 200, -71, -70, 204, -56, -83, 208, -39, -92, 212, -19, -98, 216, 0, -100, 220, 20, -98, 224, 39, -92, 228, 57, -82, 232, 72, -69, 236, 84, -54, 240, 93, -36, 244, 99, -17, 248, 100, 3, 252, 97, 23, 256, 91, 42, 260, 81, 59, 264, 67, 74, 268, 51, 86, 272, 33, 94, 276, 14, 99, 280, -6, 100, 284, -26, 97, 288, -45, 89, 292, -62, 79, 296, -76, 65, 300, -87, 49, 304, -95, 30, 308, -99, 11, 312, -100, -9, 316, -96, -29, 320, -88, -47, 324, -77, -64, 328, -63, -78, 332, -46, -89, 336, -28, -96, 340, -8, -100, 344, 12, -99, 348, 32, -95, 352, 50, -87, 356, 66, -75, 360, 80, -60, 364, 90, -43, 368];

if(typeof bringo == "undefined")bringo=[];
steps.value=1;
stpEnd.value=91;
scodeX.value = "bringo[o*3]+400";
scodeY.value = "bringo[u*3+1]+280";

for(let t=0;t<8*Math.PI;t+=0.2){
bringo.push(
Math.round(100*Math.cos(t)),
Math.round(100*Math.sin(t)),
Math.round(20*t)
);
}

Seed of knowledge

funebra — Fri, 12 Jun 2026 14:01:54 GMT

Funebra™ Complete Star App

Use this app with the Funebra Math-Art engine

2012 Experiments	2020 Free	Now Paid
Program 1 : Intuition	Program 1 : aftermath 1.2	Program 1 : Art Engine
Program 2 : Atari	Program 2 : aftermath 1.6.3	---
Program 3 : Upon a dream	Program 3 : aftermath 1.6.4	---
---	---	---
---	---	---
---	---	---

Text transform rotate in dregrees

Javascript-common: Funebra Heart 2D animation

pluser27 — Sun, 15 Feb 2026 11:12:09 GMT

dots=[] TAU = Math.PI * 2;

angle = 0; speed = 0.01;

for(o = 0; o < 120; o++){

d = document.createElement("div");

d.id = "bn"+o;

d.style.position = "absolute";

d.innerHTML = "";

document.body.appendChild(d);

dots.push(d);

}

function anim(){

angle+=speed;

cosA = Math.cos(angle);

sinA = Math.sin(angle);

for(o = 0; o < 120; o++){

t = (o/120)*TAU;

x = 6*16*Math.pow(Math.sin(t), 3);

y = -6*(13*Math.cos(t)-5*Math.cos(2*t)-2*Math.cos(3*t)-Math.cos(4*t));

xr = x*cosA - y*sinA;

yr = x*sinA + y*cosA;

dots[o].style.left = (xr+window.innerWidth/2)+"px";

dots[o].style.top = (yr+window.innerHeight/2)+"px";

}

requestAnimationFrame(anim)

}anim();