Keybase proof
I hereby claim:
- I am xem on github.
- I am xem06 (https://keybase.io/xem06) on keybase.
- I have a public key ASC5fuxaRvyhB7W-5_bu00ejCWI-x-m3W1yEDXTR-j1m8go
To claim this, I am signing this object:
View JSGameFramework2020.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body style=margin:0> | |
| <canvas id=a> | |
| <script> | |
| // initialize 2D canvas (c) | |
| // initialize game state (s) | |
| // initialize keys states (u,r,d,l for directions, k for all the keyboard) | |
| c=a.getContext`2d`,k=[u=r=d=l=s=0] | |
| // (initialize your global variables here) |
View keybase.md
View projection.md
3D projection on a 2D canvas (wip blog post)
A very short article about a very specific topic: draw 3D points on a 2D canvas!
It's not very complex, but it puzzled me for years, until C4ntelope made this handy introduction based on his own intuition and computations, and Román Cortés helped me complete these explanations and simplify the maths and the code.
(This article is based on that Twitter thread).
View js1k 2019 ideas.md
- 3D Peach Castle (CSS3D vs. raycasting feat RomanCortes)
- 3D solar system (feat Yonatan)
- Two3D clone (feat BalintCsala)
- 2D physics engine (feat BalintCsala)
- Mandelbox (feat BalintCsala)
- An app that generates QR codes containing 1kb demos
- A 2D WFC tracer
- random dweet generator
- SMB 1-1
- 3D plotter
View css.md
- Don't modify strings (
content: "...",font-family: '...') - Remove all CSS comments (ex:
/* ... */) - Remove all unnecessary spaces, tabs and line breaks (ex: around
+ > ~ ; : , ( ) { } /)- Keep spaces before
:in selectors (ex:* :before!=*:before) - Keep spaces around
+and-incalc(...)(but not in nth-child and nth-of-type)
- Keep spaces before
- Remove all unnecessary
;(ex:a{color:red;}) - Remove all unnecessary
*in CSS selectors (ex:*:before=>:before) - Remove leading and trailing zeros (ex:
0.1%, 1.0%, 0.0px) - Remove units after zero (ex:
0px 0rem 0% 0turn 0vmax 0dpi)
View v1.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <pre id=p><script id="s" style="display:block">setInterval(z=` | |
| /* =<,m#F^ A W###q. */ ; | |
| /* #K q##H######Am */ ; | |
| /* dP cpq#q##########b, */ ; | |
| /* p##@###YG=[#######y */ ; | |
| /* d#qg '*PWo##q#######D */ ; | |
| /* aem1k.com Q###KWR#### W[ */ ; | |
| /* .Q#########Md#.###OP A@ , */ ; | |
| /* , (W#####Xx######.P^ T % */ ; | |
| /* #y '^TqW####P###BP */ ; |
View miniEditor.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body contenteditable oninput=eval(S.textContent)> | |
| <h1>Hi! (edit me)</h1> | |
| <script style="display:block;border:1px solid;;white-space:pre-wrap" id=S> | |
| // JS (edit me) | |
| console.log("test"); | |
| </script> | |
| <style style="display:block;border:1px solid;white-space:pre-wrap"> | |
| /* CSS (edit me) */ | |
| * { background: #def } | |
| </style> |
View readme.md
Conventions
- A = [xA, yA] is a point on the 2D plane. Same for B, C, ...
- lengths are in any unit (ex: pixels)
- code snippets are in JavaScript
Degrees to radians
angleRad = angleDeg * Math.PI / 180;
View index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id=a> | |
| <script> | |
| g=a.getContext("webgl"); | |
| /* | |
| // Coral reef | |
| // ----------- |
View moz.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0"?> | |
| <bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml"> | |
| <binding id="mycode"> | |
| <implementation> | |
| <constructor> | |
| alert("XBL script executed."); | |
| </constructor> | |
| </implementation> | |
| </binding> |
NewerOlder