bluestreak711 Posts - Answer Overflow

bluestreak711

Posts Comments

KPCKevin Powell - Community

•Created by bluestreak711 on 3/8/2024 in #os-and-tools

How do configure a subdomain Cloudflare Zero Trust / Apache

13 replies

KPCKevin Powell - Community

•Created by bluestreak711 on 3/7/2024 in #front-end

Responsive Design Q#1

I listed this as Q#1 because I anticipate having more similar questions. Normally, when I just place a div over the top of another div using absolute position, the position of the element becomes severely displaced when zooming in and out. In the video, Drew mentions he queries the pixel size. Is this how he gets the dpad to stay perfectly in place?

.corner_topleft,
.corner_topright,
.corner_bottomleft,
.corner_bottomright {
   position: absolute;
   width: var(--pixel-size);
   height: var(--pixel-size);
   background: var(--bg);
   z-index:2;
}

.corner_topleft {
   top: calc(var(--pixel-size) * -1);
   left: calc(var(--pixel-size) * -1);

.corner_topleft,
.corner_topright,
.corner_bottomleft,
.corner_bottomright {
   position: absolute;
   width: var(--pixel-size);
   height: var(--pixel-size);
   background: var(--bg);
   z-index:2;
}

.corner_topleft {
   top: calc(var(--pixel-size) * -1);
   left: calc(var(--pixel-size) * -1);

If so, can you explain more about what the

var(--pixel-size)

var(--pixel-size)

and

calc(var(--pixel-size) * -1)

calc(var(--pixel-size) * -1)

are doing. If not, or if there are other methods, can you please share an explanation. I do not want to copy and paste other people's code without understanding how it works. I want to dissect and study it, so I can write my own snippet with my own terminology. Drew Conly's Code on Codepen https://codepen.io/punkydrewster713/full/WNrXPrb

4 replies

KPCKevin Powell - Community

•Created by bluestreak711 on 11/4/2023 in #os-and-tools

How do I setup a tunnel for self hosting a web page, so I do not have to open ports in my firewall?

And go...

24 replies

KPCKevin Powell - Community

•Created by bluestreak711 on 11/4/2023 in #os-and-tools

Self Hosting / Cloudflare Proxy / What Namesevers...?

I am self hosting a website using xampp apache. In cloudflare, my A name record is set and my CName record is set. Now what do I use for name servers? When I use hosting elsewhere, name servers are typically provided and point to my website. The purpose of this is proof of concept, experience and testing new projects. I do not want my domain to point directly to my domestic ip. I want to have cloudflare in between.

54 replies

KPCKevin Powell - Community

•Created by bluestreak711 on 10/29/2023 in #front-end

My most basic movable blue square program slows down the longer the browser window is open.

I will paste my js code and a link to Drew Conley's code in a reply. ...... I made some optimizations like using push instead of unshift and calling from the end of the array instead of the beginning. I have integrated a delta in the game loop which I am still tweaking. Most basic setups for movement do not take in account remembering the second to last key you pressed and are still holding. Drew Conly posted a YT video of a basic 2D game working with the desired movement, but it uses the deprecated 'which' command, the updated e.key command broke Drew's code and I do not want to copy verbatim and plagiarize because I would like to the freedom to monetize what I build. I came up with code myself, but the longer the game is running, the frame drops get pretty noticeable the longer the game stays open without refreshing. There are two key differences between my code and Drew's code. Drew has one switch statement while I have three switch statements. Drew's code for the movement is wrapped in a single constructor and called once during the update() function. That is what I will be working on changing about my code next and may have more to report later. If I can get that to work, I will probably try again to reduce my three switch statements down to only one Later I will fixate my character to the center again and add back sprites and a map, but I want to get my basic movement system and game loop optimized before I go too far.

28 replies

Gaming

Programming