Skip to content

Commit b8228a9

Browse files
ProcStackProcStack
committed
Github Pages attempt
1 parent f41bbc5 commit b8228a9

File tree

1 file changed

+177
-0
lines changed

1 file changed

+177
-0
lines changed

‎index.htm

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
<!--
2+
// Frayed Fables - 2024
3+
// By Kevin Edzenga
4+
// Kevin@Frayed-Fables.com
5+
//
6+
// --
7+
//
8+
// Thanks for viewing the source code for Unkempt Threads!
9+
// If you have any questions, feel free to reach out to me at the email above.
10+
// If you are viewing this page through your browser,
11+
// You may view the source code on my GitHub page at:
12+
//
13+
-->
14+
<!DOCTYPE html>
15+
<html lang="en">
16+
<head>
17+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
18+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
19+
<meta name='theme-color' content='#000822'>
20+
</head>
21+
22+
<!-- -- -- -- -->
23+
24+
<link type="text/css" rel="stylesheet" href="dist/style/ProcStackStyle.css">
25+
<link type="text/css" rel="stylesheet" href="dist/style/pxlNavStyle.min.css">
26+
27+
<!-- -- -- -- -->
28+
29+
<body>
30+
<div id="verbErrorConsole">
31+
</div>
32+
33+
34+
<div id="procStackGitParent" class="procStackGitParentStyle fader visOff">
35+
<div class="procStackGitParentStyle">
36+
<div class="menuBlock">
37+
<div class="menuParent">
38+
<a href="#" alt="Link to Init...">Init.</a>
39+
<span> </span>
40+
<a href="#" alt="Some info on this git.io site's backbone">pxlNav</a>
41+
<span> </span>
42+
<a href="#" alt="Info on some of my repos I like">Repos</a>
43+
<span> </span>
44+
<a href="#" alt="Real world projects">Projects / Links</a>
45+
<span> </span>
46+
<a href="#" alt="Real world projects">About Me</a>
47+
<span> </span>
48+
</div>
49+
</div>
50+
<div class="centerBodyParent">
51+
<div id="gitPageContent" class="centerBody">
52+
<!-- -- -- -- -->
53+
<div id="Init">
54+
Ahoi there! Ye be ProcStack, Trancor, or Kevin Edzenga, what ever you feel like calling me.
55+
ProcStack is my coding work
56+
Trancor is my visual graphics work
57+
Kevin Edzenga is just .... I don't know which version of internet me is really me, but Kevin is just Me.
58+
</div>
59+
<!-- -- -- -- -->
60+
<div id="pxlNav">
61+
</div>
62+
<!-- -- -- -- -->
63+
<div id="Repos">
64+
</div>
65+
<!-- -- -- -- -->
66+
<div id="ProjectsLinks">
67+
Projects/Links-
68+
69+
[Metal-Asylum](http://Metal-Asylum.net)
70+
Best on desktop
71+
My main site
72+
Changing every couple years, never quite getting to a state of being “done,” yet always a shotgun blast of different dev work.
73+
Currently a real time first-person cabin in the woods, well, a forest with less trees than desired.
74+
This is using my javascript ‘pxlNav’ camera navigation and scene interpreter system for Three.js.
75+
Since it's pxlNav, and like this site, if you hit ’Y’ on your keyboard, the shader editor will pop up. Here you can look through the openGL shader code of the different object’s materials in site.
76+
77+
78+
[Pixelmancer](https://pxlmancer.com)
79+
A full drawing/painting app on desktop,
80+
A fun fidget toy on mobile.
81+
[!TV Kid timelapse](https://pxlmancer.com/show/tvKid.gif)
82+
A multi year project to make a full fledge drawing site with layer support, brush types, vector tools, brush effects (cpu based pixel effects, this was pre-learning about opengl shaders or webgl),
83+
A mixing pallet you can blend colors together to use, then save the pallet to a number key,
84+
All of which can be saved to a pxlm file, to maintain your layers, settings, pallet swatches, and all!
85+
[More on Imgur](https://imgur.com/gallery/8lSW1)
86+
[!TV was king!](https://pxlmancer.com/show/tvKid.png)
87+
[!Cat Tax of course!](https://pxlmancer.com/show/kitty.png)
88+
89+
90+
[Neurous](https://neurous.net)
91+
*Might be more fun on phone*
92+
A few day project.
93+
Just a page you can play around with particles. A random project to make a custom emitter and particle class structure in javascript.
94+
95+
[pxlCam](https://pxlmancer.com/gl/pxlCam)
96+
*Use on phone!!*
97+
A few day project.
98+
A custom photo filter site with interactive color and edge effects opengl shaders, using three.js for gpu access, and your multiple phone cameras in-browser.
99+
Tap the triple down arrow to change the filter. Tap and drag left & right or up & down to change the current filter’s hue & saturation or edge detection size & brightness
100+
101+
Repos to Check Out-
102+
[procPromo Minecraft Shader Pack](https://github.com/ProcStack/procPromo_ShaderPack)
103+
A shader pack written for Minecraft, used through Optifine.
104+
For the pack, I developed depth based smart texture bluring, in attempts to capture the Minecraft Key or Promo art used when new updates are released.
105+
106+
This included developing a edge detection system using depths & surface nornals saved through differed buffers, where the actual edge detection is performed on a final render pass.
107+
108+
Having also wrote a shadow distortion & bias system as well. Having never written a shadow shader before, or the subsequent position projections from ever shader that would sample the shadow buffer, I wrote a simple radial distortion, distance based from the player. However there were shadow scalping everywhere.
109+
Circular shadow projections, in a cubic game based around 90 degree angles.
110+
I then wrote a per-axis distortion system with biasing based on distance from camera.
111+
This allowed for sharp crisp shadow edges on blocks, but also with the distance based biasing, solved a lot of depth based issues.
112+
Allowing me to create a shadow with little to know peter panning, little scalping, edges on surfaces parallel to the suns directional rays, all at great distances from camera.
113+
114+
[PxlVisualizer](https://github.com/ProcStack/pxlVisualizer)
115+
Trippy visuals, using OpelGL and C++ through OpenFrameWorks.
116+
Originally written in Python for PyGame, decided it would be a fun project to learn C++ on.
117+
118+
[pxlTextGenerator](https://github.com/ProcStack/pxlTextGenerator)
119+
Text to handwriting generator
120+
Created to capture the personality of one of my characters, Diece; the very one who lives in the cabin of Metal-Asylum.net.
121+
Letting them write the very words written in the tome perched upon the desk.
122+
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.
123+
124+
Scan some writing, click the letters, adjust the spacing, type your page with those letters, and hit save!
125+
126+
127+
The One’Offs-
128+
129+
[ShaderToy](https://www.shadertoy.com/user/trancor)
130+
Only 3 at the moment.
131+
An exploration into the Kuwahara Filter being used in a single pass smart blur & edge detection.
132+
A Ray Marching shader to learn about sdf math.
133+
And 0-1 blending & animation helper functions with animated nyans, rainbows, and stars!
134+
135+
[Dwitter](https://dwitter.net/u/trancor)
136+
JavaScript code golfing
137+
When all you get is 140 characters,
138+
Better make em count!
139+
140+
141+
Socials-
142+
143+
[YouTube](https://www.youtube.com/@trancorwd)
144+
[Instagram](https://instagram.com/trancor.diy)
145+
[GitHub (you're there baby!)](https://github.com/ProcStack)
146+
</div>
147+
<!-- -- -- -- -->
148+
<div id="AboutMe">
149+
</div>
150+
<!-- -- -- -- -->
151+
</div>
152+
</div>
153+
<div class="footerBarParent">
154+
<div class="footerBar">
155+
<div class="leftFooter">
156+
Blerble mcderble
157+
</div>
158+
<div>
159+
<span class="centerFooter">
160+
&copy; 2024
161+
</span>
162+
<span class="rightFooter">
163+
<a href="#" alt="Contact Us">Contact Us</a>
164+
</span>
165+
</div>
166+
</div>
167+
</div>
168+
</div>
169+
</div>
170+
171+
<canvas id="pxlNav-coreCanvas" height='1' width='1' class="pxlNavCoreCanvasStyle" ></canvas>
172+
173+
<script type="module" src="dist/js/ProckStackGitio.js?v=2024-11-20"></script>
174+
175+
176+
</body>
177+
</html>

0 commit comments

Comments
 (0)