Skip to content

Commit 22dae70

Browse files
ProcStackProcStack
committed
Grammar, Wordy-ness, & Button Style
The block buttons when in wide screen mode of the main site was bothering me. It still bothers me, but they look better as rounded buttons at all times.
1 parent 3652af6 commit 22dae70

18 files changed

+78
-117
lines changed

‎docs/js/ProckStackGitio.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ const enableStaticCamera = true;
104104

105105
// If using static cameras, allow the user to rotate the camera
106106
// Default is `false`
107-
const allowStaticRotation = false;
107+
const allowStaticRotation = true;
108108

109109
// Visual effect for the sky
110110
// Options are - OFF, VAPOR

‎docs/js/pxlNav.esm.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/js/pxlRooms/CampfireEnvironment/Assets/CampfireEnvironment.fbx

-48 Bytes
Binary file not shown.

‎docs/js/pxlRooms/CampfireEnvironment/CampfireEnvironment.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -217,14 +217,14 @@ export class CampfireEnvironment extends RoomEnvironment{
217217
let bSmoke = new BillowSmoke( this, systemName );
218218
//
219219
bSmoke.setAtlasPath( "sprite_dustLiquid_rgb.jpg", "sprite_dustLiquid_alpha.jpg" );
220-
bSmoke.setPosition( particleSourcePos );
221220

222221
let bSmokeSettings = bSmoke.getSettings();
223222
bSmokeSettings["vertCount"] = 600;
224223
bSmokeSettings["pScale"] = 56;
225224
bSmokeSettings["pOpacity"] = .4;
226225
//bSmokeSettings["fadeOutScalar"] = opacityRolloff;
227226
bSmokeSettings["additiveBlend"] = false;
227+
bSmokeSettings["offsetPos"] = particleSourcePos; // Offset center of the system
228228

229229
bSmokeSettings["windDir"].x = -14.6;
230230
bSmokeSettings["windDir"].z = 13.6;
@@ -267,8 +267,10 @@ export class CampfireEnvironment extends RoomEnvironment{
267267
let emberSettings = eWisps.getSettings();
268268
emberSettings["vertCount"] = 30;
269269
emberSettings["pScale"] = 10;
270+
emberSettings["offsetPos"] = particleSourcePos; // Offset center of the system
270271
//emberSettings["fadeOutScalar"] = opacityRolloff;
271272
emberSettings["additiveBlend"] = true;
273+
272274

273275
emberSettings["windDir"].x = -0.14;
274276
emberSettings["windDir"].z = 0.15;

‎docs/pages/aboutMe/aidev.js

+4-14
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ export const pageListingData = {
138138
<br>
139139
<br>It should be self-taught discrimination of attention between neurons;
140140
<br>&nbsp;&nbsp; Like in the human brain.
141-
<br><div class="textSkew">&nbsp;&nbsp;&nbsp;&nbsp; (When the purple circles go red in the GAT video above)</div>
141+
<br><div class="textSkew">&nbsp;&nbsp;&nbsp;&nbsp; (When the purple circles go red in the GAT video, first vid)</div>
142142
143143
<br>
144144
<br><div class='procPagesAboutMeBar'></div>
@@ -156,9 +156,10 @@ export const pageListingData = {
156156
<br>
157157
<div class='procPagesAboutMeSpacer'></div>
158158
Currently I'm not using my ESN's predicted movement for anything in python,
159-
<br>The next step would be introducing a base image to motion-transfer / reference.
159+
<br>&nbsp;&nbsp; The next step would be introducing a base image to motion-transfer / reference.
160+
<br>However did build a simple version in Unity to learn player combos + movement over time.
160161
<div class='procPagesAboutMeSpacer'></div>
161-
So I'm just learnin' while watching my ai learnin'!
162+
So I'm mostly just learnin' while watching my ai learnin'!
162163
<div class='procPagesAboutMeSpacer'></div>
163164
164165
<br>In the videos, I had the "reservoir" set to 15 times steps, you'll notice about every 15 frames the brain shifts.
@@ -173,17 +174,6 @@ export const pageListingData = {
173174
174175
<br><br><div class='procPagesAboutMeBar'></div>
175176
176-
<br>Since I didn't have a good use case for the ESN in Python,
177-
<br>&nbsp;&nbsp; I built a similar ESN through C# in Unity to operate NPC's ability to learning player habits.
178-
<br>The logic is pretty simple, so running by CPU is fine for now,
179-
<br>&nbsp;&nbsp; I'll likely look to move it to GPU in the future, if need be.
180-
<br>I set it up to learn less often when the player is in another area of the map.
181-
<br>&nbsp;&nbsp; Thinking that I'd want to set up a "data transfer" between characters,
182-
<br>&nbsp;&nbsp;&nbsp;&nbsp; Gossip about the player.
183-
<br>&nbsp;&nbsp; But its just cubes and spheres in Unity at the moment.
184-
185-
<br><br><div class='procPagesAboutMeBar'></div>
186-
187177
<br>
188178
<br>If you couldn't tell, I'm training my AIs on my own works.
189179
<br>A personally made AI trained on personally made images / videos / photos / code / writing.

‎docs/pages/aboutMe/filmWork.js

+11-10
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,17 @@ export const pageListingData = {
1616
1717
<div class='procPagesAboutMeSpacer'></div>
1818
19-
&nbsp;&nbsp;<span class="textNudge">Character Simulation</span> for hair & clothing sims on -
19+
&nbsp;&nbsp;<span class="textInblockBox">Character Simulation Technical Director (TD)</span> for hair / clothing sims & tools in <span class="textName">Maya</span> on -
2020
<br>&nbsp;&nbsp;&nbsp;&nbsp; <span class="textName">Epic</span>, <span class="textName">Rio 1</span> & <span class="textName">Rio 2</span>
2121
2222
<div class='procPagesSpacer'></div>
2323
24-
&nbsp;&nbsp;<span class="textNudge">Effects</span> doing volume sims, particles, & some RBDs on -
24+
&nbsp;&nbsp;<span class="textInblockBox">Effects TD</span> doing volume sims (snow & dust plumes), particles, some RBDs, & tools in <span class="textName">Houdini</span> & <span class="textName">Maya</span> on -
2525
<br>&nbsp;&nbsp;&nbsp;&nbsp; <span class="textName">Ice Age 4</span>
2626
2727
<div class='procPagesSpacer'></div>
2828
29-
&nbsp;&nbsp;<span class="textNudge">Crowds</span> development/navigation/sims in Houdini for 5 years on -
29+
&nbsp;&nbsp;<span class="textInblockBox">Crowds TD</span> navigation, sims, & tools in <span class="textName">Houdini</span> on -
3030
<br>&nbsp;&nbsp;&nbsp;&nbsp; <span class="textName">Ferdinand</span>, <span class="textName">Rio 2</span>, <span class="textName">Peanuts</span>, <span class="textName">Ice Age 5</span>, & <span class="textName">Spies In Disguise</span>
3131
3232
@@ -38,20 +38,21 @@ export const pageListingData = {
3838
3939
<br><div class='ppamHBar'></div>
4040
41-
<br>For <span class="textName">Crowds</span>,
42-
<br>&nbsp;&nbsp; I built tools for placement, pathing, obstacle detection, and all the usual crowd navigation logic itself in Houdini.
41+
<br>While working in <span class="textName">Crowds</span>,
42+
<br>&nbsp;&nbsp; I built all the navigation tools, placement, pathing, obstacle detection, and all the usual crowd/boid navigation logic itself in Houdini for Birds & Land critters.
43+
44+
<br>
45+
<br>I wrote systems to understand the terrain and how to follow the flow of the ground,
46+
<br>&nbsp;&nbsp; Multi-limb IK for the people & animals to walk over uneven terrain, and a 'lookAt' system for the characters to look around with multiple neck joints smoothly.
47+
<br>&nbsp;&nbsp; While calculating the linear algebra to limit joint rotation in the neck to determine if the agent could look at their target or not.
4348
4449
<br>
4550
<br>One of the personality traits I gave the crowd agents was 'rudeness';
4651
<br>&nbsp;&nbsp; This allowed some agents to push past each other, while others would slow/stop and wait for them to pass.
4752
<br>&nbsp;&nbsp; This gave the crowd a more natural feel, as if a few had "somewhere to be".
4853
4954
<br>
50-
<br>I also added a multi-joint 'lookAt' which would blend their neck joints to look at a target smoothly.
51-
<br>&nbsp;&nbsp; I added in joint rotation limits and calculated the linear algebra (target-to-joint space) to determine if the agent could look at their target or not.
52-
53-
<br>
54-
<br>I could talk about the horse-and-jockey system I helped build, or the post-simulation joint editing tools, or the multi-limb IK with heel offsets & foot locking,
55+
<br>I could talk about the horse-and-jockey system I helped build, or the post-simulation joint editing tools, or the IK heel offsets & foot locking,
5556
<br>&nbsp;&nbsp; But I think I'll save that for another time.
5657
5758
<br>

‎docs/pages/aboutMe/whatAmI.js

+1-7
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,6 @@ export const pageListingData = {
3232
<span><a href="mailto:[email protected]" alt="Email me!">email</a></span>
3333
</div>
3434
35-
<div class='procPagesAboutMe-subHeaderStyle'>
36-
<span>Note : 'JavaScript', I'm better with modules, middleware, & backends.
37-
<br>&nbsp;&nbsp; Like, I wrote this site's single-page system in 'vanilla' JS for the fun of it.</span>
38-
</div>
39-
40-
4135
<br><div class='ppamHBar'></div>
4236
4337
<br>
@@ -46,7 +40,7 @@ export const pageListingData = {
4640
<br>&nbsp;&nbsp; or '<span class="textNudge">Technical Director</span>' (<span class="textItalic">on films</span>)
4741
<br>&nbsp;&nbsp;&nbsp;&nbsp; or '<span class="textNudge">Creative Technologist</span>' (<span class="textItalic">for immersive</span>)
4842
<br>It's all the same types of mental challenges though,
49-
<br>&nbsp;&nbsp; Just different mediums.
43+
<br>&nbsp;&nbsp; Just in different mediums of digital graphics.
5044
</div>
5145
5246

‎docs/pages/projects/dwitter.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export const pageListingData = {
3535
3636
<br>
3737
<br> This is the 'dwitter' for the top video,
38-
<br>&nbsp;&nbsp; Falling Circles [139/140 chars.]
38+
<br>&nbsp;&nbsp; <span class="textName">Falling Circles</span> <span class="textItalic">[139/140 chars.]</span>
3939
4040
<div class="procPagesSpacer"></div>
4141

‎docs/pages/projects/procPromo.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export const pageListingData = {
2727
],
2828
'content' : `
2929
<a href='https://github.com/ProcStack/procPromo_ShaderPack' class='procPagesRepoLinkStyle' target='_blank'>procPromo Shader Pack</a> <span class="textDrinkMeAlice textItalic">2022-2025</span>
30-
<br><span class="textBump">A shader pack for Minecraft, used through Optifine.</span>
30+
<br><span class="textBump">A Minecraft shader pack for Optifine.</span>
3131
<br><span class="textShrink textItalic textName ">Language - <span class="textBold">GLSL 1.2, 3.2, & 4.5+</span></span>
3232
<br><span class="textShrink textItalic textName ">File Count - <span class="textBold">177</span></span>
3333
<div class="pppHBar"></div>

‎docs/pages/projects/pxlTextGenerator.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ export const pageListingData = {
2525
<div class="pppHBar"></div>
2626
2727
Created to capture the personality of one of my characters, Diece; the very one who lives in the cabin of Metal-Asylum.net.
28-
<br>Letting them write the very words written in the tome perched upon the desk.
28+
<br>&nbsp;&nbsp; Letting them write the very words written in the tome perched upon the desk.
29+
<br>
2930
<br>A segmenter, labeler, and scripting language was written to allow saving individual characters, variants, and written pages, with text effects like opacity, scale, and kearning.
3031
3132
<br>

‎docs/pages/pxlNav/explore.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ export const pageListingData = {
6666
<div class='procPagesSpacer'></div>
6767
Bump <span class="textBoldBox">G</span> to open <span class="textName">Graphics</span> settings
6868
<br>Nudge <span class="textBoldBox">H</span> for the <span class="textName">Help</span> menu
69-
<br>Bop the <span class="textBoldBox">I</span> to squeek an <span class="textName">Info</span> screen
69+
<br>Bop <span class="textBoldBox">I</span> to squeek an <span class="textName">Info</span> screen
7070
<br>
7171
<br>
7272
</div>

‎docs/style/procPages/procPages_aboutMeStyle.css

+10-14
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
color: rgba(237, 237, 237, 0.9);
1919
text-shadow: 1.5px 1.5px 4px rgba(37, 37, 37, 0.632);
2020
background-color: rgba(86, 86, 86, 0.37);
21-
border-color: rgba(213, 213, 213, 0.5);
21+
border-color: rgba(192, 192, 192, 0.85) rgba(144, 144, 144, 0.29);
2222
border-style: solid;
2323
}
2424
.gitAboutMePage-sectionNavButtonStyle:hover{
@@ -65,7 +65,7 @@
6565

6666
.gitAboutMePageParentStyle{
6767
width: min(100vw, 1100px);
68-
height: calc(92vh - 36px);
68+
height: calc(90vh - 40px);
6969
display: grid;
7070
grid-auto-flow: row;
7171
border-radius: 2px;
@@ -74,38 +74,34 @@
7474
pointer-events: auto;
7575
overflow: hidden;
7676
text-wrap: auto;
77-
background-image: radial-gradient(200% 35% ellipse at top, rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.0)),
78-
radial-gradient(200% 35% ellipse at bottom, rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.0));
77+
background-image: radial-gradient(200% 35% ellipse at top, rgba(100, 100, 100, 0.3), rgba(100, 100, 100, 0.10)),
78+
radial-gradient(200% 35% ellipse at bottom, rgba(100, 100, 100, 0.35), rgba(100, 100, 100, 0.15));
7979
background-size: 100% 100%;
8080
background-repeat: no-repeat;
8181
}
8282

8383
.gitAboutMePageStyle .procPagesInnerBefore {
8484
content : '';
85-
border-radius: 5px 5px 0px 0px;
85+
border-radius: var(--inner-before-after-radiusBefore);
8686
background: transparent;
87-
border-width: 0px 1px 1px 1px;
87+
border-width: 0px 2px 2px 2px;
8888
border-color: #5d5d5d;
8989
border-style: solid;
9090
height: var(--inner-before-after-height);
91-
width: 99%;
91+
width: 99.8%;
9292
margin-bottom: var(--inner-before-after-margin);
93-
margin-left: auto;
94-
margin-right: auto;
9593
}
9694

9795
.gitAboutMePageStyle .procPagesInnerAfter {
9896
content : '';
99-
border-radius: 0px 0px 5px 5px;
97+
border-radius: var(--inner-before-after-radiusAfter);
10098
background: transparent;
101-
border-width: 1px 1px 0px 1px;
99+
border-width: 2px 2px 0px 2px;
102100
border-color: #5d5d5d;
103101
border-style: solid;
104102
height: var(--inner-before-after-height);
105-
width: 99%;
103+
width: 99.8%;
106104
margin-top: var(--inner-before-after-margin);
107-
margin-left: auto;
108-
margin-right: auto;
109105
}
110106

111107
/* -- -- -- */

‎docs/style/procPages/procPages_blogStyle.css

+7-11
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
color: rgba(80, 210, 90, 0.8);
1616
text-shadow: 1.5px 1.5px 4px #252525;
1717
background-color: rgba(15, 79, 20, 0.37);
18-
border-color: rgba(25, 220, 30, 0.5);
18+
border-color: rgba(25, 220, 30, 0.85) rgba(20, 168, 25, 0.29);
1919
}
2020
.gitBlogPage-sectionNavButtonStyle:hover{
2121
color: rgba(80, 210, 90, 0.9);
@@ -104,30 +104,26 @@
104104

105105
.gitBlogPageStyle .procPagesInnerBefore {
106106
content : '';
107-
border-radius: 5px 5px 0px 0px;
107+
border-radius: var(--inner-before-after-radiusBefore);
108108
background: transparent;
109-
border-width: 0px 1px 1px 1px;
109+
border-width: 0px 2px 2px 2px;
110110
border-color: #2b0967;
111111
border-style: solid;
112112
height: var(--inner-before-after-height);
113-
width: 99%;
113+
width: 99.8%;
114114
margin-bottom: var(--inner-before-after-margin);
115-
margin-left: auto;
116-
margin-right: auto;
117115
}
118116

119117
.gitBlogPageStyle .procPagesInnerAfter {
120118
content : '';
121-
border-radius: 0px 0px 5px 5px;
119+
border-radius: var(--inner-before-after-radiusAfter);
122120
background: transparent;
123-
border-width: 1px 1px 0px 1px;
121+
border-width: 2px 2px 0px 2px;
124122
border-color: #2b0967;
125123
border-style: solid;
126124
height: var(--inner-before-after-height);
127-
width: 99%;
125+
width: 99.8%;
128126
margin-top: var(--inner-before-after-margin);
129-
margin-left: auto;
130-
margin-right: auto;
131127
}
132128

133129
/* -- -- -- */

‎docs/style/procPages/procPages_initStyle.css

+4-6
Original file line numberDiff line numberDiff line change
@@ -36,24 +36,22 @@
3636
border-radius: 5px;
3737
overflow: hidden;
3838
background: linear-gradient(155deg, rgba(67, 55, 4, 0.407), rgba(52, 35, 3, 0), rgba(52, 35, 3, 0), rgba(52, 35, 3, 0));
39-
background-image: radial-gradient(150% 50% ellipse at top left, rgba(52, 35, 3, 0.52), rgba(52, 35, 3, 0.0));
39+
background-image: radial-gradient(150% 50% ellipse at top left, rgba(52, 35, 3, 0.652), rgba(52, 35, 3, 0.12), rgba(52, 35, 3, 0.0));
4040
background-size: 100% 100%;
4141
background-repeat: no-repeat;
4242
}
4343

4444
.gitInitPageStyle .procPagesInnerBefore {
4545
content : '';
4646
padding-left: 8px;
47-
border-radius: 5px 5px 0px 0px;
47+
border-radius: var(--inner-before-after-radiusBefore);
4848
background: transparent;
49-
border-width: 0px 1px 1px 1px;
49+
border-width: 0px 2px 2px 2px;
5050
border-color: #483107;
5151
border-style: solid;
5252
height: var(--inner-before-after-height);
53-
width: 99%;
53+
width: 99.8%;
5454
margin-bottom: var(--inner-before-after-margin);
55-
margin-left: auto;
56-
margin-right: auto;
5755
}
5856

5957
.gitInitPageStyle .procPagesInnerAfter {

‎docs/style/procPages/procPages_mainStyle.css

+6-11
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
:root {
22
--aspect-ratio: calc(100vw / 100vh);
3-
--inner-before-after-height: 5px;
3+
--inner-before-after-height: 12px;
44
--inner-before-after-margin: 5px;
5+
--inner-before-after-radiusBefore: 15px 15px 0px 0px;
6+
--inner-before-after-radiusAfter: 0px 0px 15px 15px;
57
--inner-padding: 5px 0px;
68
--inner-height-half-reduce: 20px; /* before-after-height + before-after-margin + pad */
79
--inner-height-reduce: 40px; /* before-after-height + before-after-margin + pad x 2 */
@@ -65,6 +67,7 @@ BODY {
6567
top: 0px;
6668
width: 100%;
6769
height: 100%;
70+
pointer-events: none;
6871
z-index: 200;
6972
}
7073

@@ -84,6 +87,7 @@ BODY {
8487
left: 0px;
8588
width: 100vw;
8689
z-index: 310;
90+
pointer-events: auto;
8791
}
8892

8993
/* -- -- -- -- -- -- -- -- -- -- -- -- */
@@ -246,16 +250,7 @@ text-shadow: 1px 1.5px 4px #252525;
246250

247251
@media screen and (min-width: 1000px) {
248252
.procPagesNavSectionStyle{
249-
display: grid;
250-
grid-auto-flow: column;
251-
justify-content: center;
252-
padding: 5px 7px 5px 7px;
253-
max-width: 950px;
254-
font-size: 1.1em;
255-
font-weight: 600;
256-
border-radius: 0px;
257-
overflow: hidden;
258-
border-width: 1px 0px 1px 0px;
253+
margin: 0px 1px;
259254
}
260255
}
261256

0 commit comments

Comments
 (0)