␡ | dup | Show HTML | Show code | Object is active | |
|
dyn.b_293_wsmmigsdseqrosuv.B293 |
|
yes |
Useful 8841
Useful 36977
Bad 37649
Bad 48610
|
#gazella {
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
width: 400px;
height: 400px;
pointer-events: none;
}
.peopleCounter {
font-family: Sans Serif;
font-weight: bold;
font-size: 30px;
color: white;
text-align: center;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -200px;
width: 400px;
height: 100px;
z-index: 102;
pointer-events: none;
}
|
@font-face {
font-family: 'iconfont';
src: url('iconfont.ttf') format('truetype');
}
* {
user-select: none;
}
html, body {
overflow: hidden;
background-color: #000;
}
body {
margin: 0;
position: fixed;
width: 100%;
height: 100%;
background: black;
}
canvas {
width: 100%;
height: 100%;
}
.dg {
opacity: 0.9;
}
.dg .property-name {
overflow: visible;
}
.bigFont {
font-size: 150%;
color: #8C8C8C;
}
.cr.function.appBigFont {
font-size: 150%;
line-height: 2...
|
Gazelle + Fluid backup |
5958745b86e1ba99fcfeb1d1633eb820 |
invert(1) brightness(50%) sepia(100%) saturate(10000%); |
User stefan2 |
dyn.b_293_wsmmigsdseqrosuv$B293 |
no |
293 |
extends BWithResources;
need latest hjs.
need latest hjavascript.
need latest isRelativeOrAbsoluteURL.
need latest isRelativeURL.
S filter = "drop-shadow(16px 16px 10px black)";
S cssGazella, cssFluid;
bool wsVerbose;
transient volatile int count;
void counterUpdate {
inQ(r {
int n = webSockets.size();
if (count == n) ret;
count = n;
beaPrint(renderVars("counterUpdate", +n));
webSockets.broadcast(counterEvent());
});
}
S counterEvent() {
ret jsonEvalMsg(
replaceDollarVars([[
$(document).ready(function() {
$(".peopleCounter").html($count);
});
]], +count));
}
class WebSocketSet {
Set<WebSocketInfo> set = syncWeakSet();
void add(WebSocketInfo ws) {
if (ws == null) ret;
ws.onClose(() -> remove(ws));
if (set.add(ws))
counterUpdate();
}
void remove(WebSocketInfo ws) {
if (set.remove(ws))
counterUpdate();
}
int size() { ret l(set); }...
|
Custom code loaded |
Gazelle + Fluid 19 |
␡ | dup | Show HTML | Show code | |
|
dyn.b_85_wxpuohkntlamjiyw.B85 |
|
|
Bad 8793
Bad 37356
Useful 38072
|
#gazella {
position: absolute;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
width: 400px;
height: 400px;
pointer-events: none;
}
|
@font-face {
font-family: 'iconfont';
src: url('iconfont.ttf') format('truetype');
}
* {
user-select: none;
}
html, body {
overflow: hidden;
background-color: #000;
}
body {
margin: 0;
position: fixed;
width: 100%;
height: 100%;
background: black;
}
canvas {
width: 100%;
height: 100%;
}
.dg {
opacity: 0.9;
}
.dg .property-name {
overflow: visible;
}
.bigFont {
font-size: 150%;
color: #8C8C8C;
}
.cr.function.appBigFont {
font-size: 150%;
line-height: 2...
|
Gazelle + Fluid backup |
7a7043f4872c0ddb15034da653fda058 |
invert(1) brightness(50%) sepia(100%) saturate(10000%); |
User stefan2 |
dyn.b_85_wxpuohkntlamjiyw$B85 |
|
85 |
need latest hjs.
need latest hjavascript.
need latest isRelativeOrAbsoluteURL.
need latest isRelativeURL.
S filter = "drop-shadow(16px 16px 10px black)";
S cssGazella, cssFluid;
O html() {
ret htmlFix(
htitle("Gaz.AI")
+ hmobilefix()
+ HInitWebSocket()!
+ hbase("https://gazelle.rocks/beaHTML/257881/WebGL-Fluid-Simulation/")
+ hcss(cssGazella)
/*+ [[
<!--<script type="text/javascript" src="dat.gui.min.js"></script>-->
]]*/
+ hcss(cssFluid)
+ hcanvas()
+ hjs("./script.js")
+ hdiv(himgsnippet(#1103000, width := 400, height := 400,
style := "filter: " + filter, id := "gazella"))
);
}
|
Custom code loaded |
Gazelle + Fluid 19 |