-
Privacy Policy
-
-
I respect your privacy.
-
-
Apps
-
My apps do not collect, store, or share any personal information. No analytics, no tracking, no funny business.
-
-
Website
-
This site may collect anonymous usage data (such as page views or general browser information) to help improve functionality and performance. This data is non-personal and cannot be used to identify you. I do not sell or share this data with third parties.
-
Additionally, this site uses Cloudflare for performance and security. Cloudflare may collect its own analytics and statistical data, subject to their privacy policy.
-
-
By using this site, you agree to this policy.
-
- ⚠ Failed to load posts. Please refresh the page.
-
- `;
- postsContainer.appendChild(errorDiv);
- }
- }
-}
-
-window.addEventListener("resize", () => {
- if (document.fullscreenElement && document.fullscreenElement.tagName === "VIDEO") {
- return;
- }
-
- const newNumCols = getNumColumns();
-
- if (postElementsCache && layoutColumns && newNumCols !== currentNumColumns) {
- currentNumColumns = newNumCols; // Update the current number of columns
- // Re-layout all existing posts
- layoutColumns = createColumns(newNumCols);
- postElementsCache.forEach((postEl, index) => {
- if (postEl.parentNode) { // Only re-layout posts that are already added
- const zIndex = postElementsCache.length - index;
- const col = getShortestColumn(layoutColumns);
- const postDiv = postEl.firstElementChild;
- postDiv.style.zIndex = zIndex;
- col.appendChild(postEl);
- }
- });
- // Re-add tape after layout changes using the full refresh
- setTimeout(() => {
- if (window.refreshTape) {
- window.refreshTape();
- }
- }, 100);
- }
-});
-
-if (document.getElementById("posts")) {
- fetchPosts();
-}
\ No newline at end of file
diff --git a/website/masonry-smooth.js b/website/masonry-smooth.js
deleted file mode 100644
index 4b97b7e..0000000
--- a/website/masonry-smooth.js
+++ /dev/null
@@ -1,58 +0,0 @@
-(function() {
- let currentLayout = null;
- let posts = [];
- let columns = [];
- let originalPositions = new Map();
-
- function initMasonry() {
- const postsContainer = document.getElementById('posts');
- if (!postsContainer) return;
-
- posts = Array.from(postsContainer.querySelectorAll('.post'));
- columns = Array.from(postsContainer.querySelectorAll('.masonry-col'));
-
- if (posts.length === 0 || columns.length === 0) return;
-
- // Assign z-index based on post order (newer posts first)
- posts.forEach((post, index) => {
- post.style.zIndex = 100 - index;
- });
-
- // Store original positions of posts
- posts.forEach((post, index) => {
- const rect = post.getBoundingClientRect();
- originalPositions.set(post, {
- originalParent: post.parentNode,
- originalIndex: index,
- originalRect: rect
- });
- });
-
- checkLayout();
- }
-
- function checkLayout() {
- const isMobile = window.innerWidth <= 799;
- const newLayout = isMobile ? 'mobile' : 'desktop';
-
- if (newLayout !== currentLayout) {
- currentLayout = newLayout;
- // Don't redistribute - just let CSS media queries handle it
- // The layout change is handled purely by CSS
- }
- }
-
- // Initialize when DOM is ready
- if (document.readyState === 'loading') {
- document.addEventListener('DOMContentLoaded', initMasonry);
- } else {
- initMasonry();
- }
-
- // Listen for resize events but don't do anything that affects layout
- let resizeTimeout;
- window.addEventListener('resize', () => {
- clearTimeout(resizeTimeout);
- resizeTimeout = setTimeout(checkLayout, 150);
- });
-})();
diff --git a/website/mining.js b/website/mining.js
deleted file mode 100644
index b667e98..0000000
--- a/website/mining.js
+++ /dev/null
@@ -1,2402 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
- const canvas = document.getElementById('game-canvas');
- const depthDisplay = document.getElementById('depth-counter');
- const scoreDisplay = document.getElementById('score-counter');
-
- if (!canvas) return;
-
- // --- Configuration ---
- let GRID_SIZE = 5; // 5x5 grid (Dynamic)
- let VISIBLE_LAYERS = 7; // How many layers deep we render (Dynamic)
- const BLOCK_SIZE = 1;
-
- const SELL_PRICES = { coal: 10, iron: 20, gold: 50, diamond: 200, emerald: 500 };
- const UPGRADE_COSTS = {
- speed: (level) => Math.floor(100 * Math.pow(1.5, level)),
- luck: (level) => Math.floor(500 * Math.pow(2, level)),
- mining_area: (level) => Math.floor(1000 * Math.pow(3, level)), // Expensive!
- vein_miner: (level) => Math.floor(2000 * Math.pow(2, level)),
- tnt_frequency: (level) => Math.floor(5000 * Math.pow(1.5, level)),
- tnt_power: (level) => Math.floor(10000 * Math.pow(2, level)),
- pickup_range: (level) => Math.floor(300 * Math.pow(1.5, level)),
- grid_size: (level) => Math.floor(10000 * Math.pow(4, level)) // Very Expensive!
- };
-
- // --- State ---
- let depth = 0;
- let score = 0;
- let isAnimating = false;
- let cameraOffsetY = 0;
- let upgrades = { speed: 0, luck: 0, mining_area: 0, vein_miner: 0, tnt_frequency: 0, tnt_power: 0, pickup_range: 0, grid_size: 0 };
- let tntTimer = 0;
- const tntProjectiles = [];
-
- // Store blocks: blocks[layerIndex][x][z]
- // layerIndex 0 is the top-most visible layer.
- let layers = [];
- let extraBlocks = []; // Blocks above the ground (trees, etc)
-
- // --- Three.js Setup ---
- const scene = new THREE.Scene();
- scene.background = new THREE.Color(0x87CEEB); // Sky blue background
-
- // Orthographic Camera for Isometric view
- const aspect = canvas.clientWidth / canvas.clientHeight;
- const d = 5;
- const camera = new THREE.OrthographicCamera(-d * aspect, d * aspect, d, -d, 1, 1000);
-
- // Isometric angle
- camera.position.set(20, 14, 20);
- camera.lookAt(scene.position); // Look at 0,0,0
- camera.updateProjectionMatrix();
-
- const renderer = new THREE.WebGLRenderer({ canvas: canvas, alpha: false, antialias: true });
- renderer.setSize(canvas.clientWidth, canvas.clientHeight, false);
- renderer.setPixelRatio(window.devicePixelRatio);
- // renderer.outputEncoding = THREE.sRGBEncoding; // We use GammaCorrectionShader instead
- renderer.shadowMap.enabled = true;
- renderer.shadowMap.type = THREE.PCFShadowMap;
-
- // --- Post Processing (SSAO) ---
- const composer = new THREE.EffectComposer(renderer);
- const renderPass = new THREE.RenderPass(scene, camera);
- composer.addPass(renderPass);
-
- const ssaoPass = new THREE.SSAOPass(scene, camera, canvas.clientWidth, canvas.clientHeight);
- ssaoPass.kernelRadius = 16;
- ssaoPass.minDistance = 0.001;
- ssaoPass.maxDistance = 0.1;
- composer.addPass(ssaoPass);
-
- const gammaCorrectionPass = new THREE.ShaderPass(THREE.GammaCorrectionShader);
- composer.addPass(gammaCorrectionPass);
-
- // Lighting
- const hemiLight = new THREE.HemisphereLight(0xffffff, 0x444444, 0.6);
- hemiLight.position.set(0, 50, 0);
- scene.add(hemiLight);
-
- const dirLight = new THREE.DirectionalLight(0xffffff, 1.0);
- dirLight.position.set(-30, 50, 30);
- dirLight.castShadow = true;
- dirLight.shadow.mapSize.width = 2048;
- dirLight.shadow.mapSize.height = 2048;
- const dLight = 10;
- dirLight.shadow.camera.left = -dLight;
- dirLight.shadow.camera.right = dLight;
- dirLight.shadow.camera.top = dLight;
- dirLight.shadow.camera.bottom = -dLight;
- scene.add(dirLight);
-
- // --- Textures ---
- const textureLoader = new THREE.TextureLoader();
- const loadTexture = (name) => {
- const tex = textureLoader.load(`blocks/${name}`);
- tex.magFilter = THREE.NearestFilter;
- tex.minFilter = THREE.NearestFilter;
- tex.encoding = THREE.sRGBEncoding;
- return tex;
- };
-
- const loadItemTexture = (name) => {
- const tex = textureLoader.load(`items/${name}`);
- tex.magFilter = THREE.NearestFilter;
- tex.minFilter = THREE.NearestFilter;
- tex.encoding = THREE.sRGBEncoding;
- return tex;
- };
-
- const textures = {
- stone: loadTexture('stone.png'),
- dirt: loadTexture('dirt.png'),
- cobblestone: loadTexture('cobblestone.png'),
- coal: loadTexture('coal_ore.png'),
- iron: loadTexture('iron_ore.png'),
- gold: loadTexture('gold_ore.png'),
- diamond: loadTexture('diamond_ore.png'),
- emerald: loadTexture('emerald_ore.png'),
- bedrock: loadTexture('bedrock.png'),
- grass_top: loadTexture('grass_top.png'),
- grass_side: loadTexture('grass_side.png'),
- dirt: loadTexture('dirt.png'),
- log_side: loadTexture('log_oak.png'),
- log_top: loadTexture('log_oak_top.png'),
- leaves: loadTexture('leaves_oak.png'),
- apple: loadItemTexture('apple.png'),
- stick: loadItemTexture('stick.png'),
- sapling: loadTexture('sapling_oak.png'),
- planks: loadTexture('planks_oak.png'),
- wood_pickaxe: loadItemTexture('wood_pickaxe.png'),
- stone_pickaxe: loadItemTexture('stone_pickaxe.png'),
- iron_pickaxe: loadItemTexture('iron_pickaxe.png'),
- gold_pickaxe: loadItemTexture('gold_pickaxe.png'),
- diamond_pickaxe: loadItemTexture('diamond_pickaxe.png'),
- tnt_side: loadTexture('tnt_side.png'),
- tnt_top: loadTexture('tnt_top.png'),
- tnt_bottom: loadTexture('tnt_bottom.png'),
- particle: (() => {
- const t = new THREE.TextureLoader().load('particle/particles.png');
- t.magFilter = THREE.NearestFilter;
- t.minFilter = THREE.NearestFilter;
- return t;
- })()
- };
-
- // Load destroy stages
- const destroyTextures = [];
- for (let i = 0; i < 10; i++) {
- const tex = loadTexture(`destroy_stage_${i}.png`);
- tex.magFilter = THREE.NearestFilter;
- tex.minFilter = THREE.NearestFilter;
- destroyTextures.push(tex);
- }
-
- // Materials cache
- const materials = {};
- const getMaterial = (type) => {
- if (materials[type]) return materials[type];
-
- let map = textures.stone;
- if (textures[type]) map = textures[type];
-
- // Special case for grass block to look nice
- if (type === 'grass') {
- const mat = [
- new THREE.MeshLambertMaterial({ map: textures.grass_side }), // px
- new THREE.MeshLambertMaterial({ map: textures.grass_side }), // nx
- new THREE.MeshLambertMaterial({ map: textures.grass_top, color: 0x79C05A }), // py (top) - Tinted green
- new THREE.MeshLambertMaterial({ map: textures.dirt }), // ny (bottom)
- new THREE.MeshLambertMaterial({ map: textures.grass_side }), // pz
- new THREE.MeshLambertMaterial({ map: textures.grass_side }) // nz
- ];
- materials[type] = mat;
- return mat;
- }
-
- if (type === 'log') {
- const mat = [
- new THREE.MeshLambertMaterial({ map: textures.log_side }), // px
- new THREE.MeshLambertMaterial({ map: textures.log_side }), // nx
- new THREE.MeshLambertMaterial({ map: textures.log_top }), // py (top)
- new THREE.MeshLambertMaterial({ map: textures.log_top }), // ny (bottom)
- new THREE.MeshLambertMaterial({ map: textures.log_side }), // pz
- new THREE.MeshLambertMaterial({ map: textures.log_side }) // nz
- ];
- materials[type] = mat;
- return mat;
- }
-
- if (type === 'leaves') {
- const mat = new THREE.MeshLambertMaterial({ map: textures.leaves, transparent: true, alphaTest: 0.5, color: 0x79C05A });
- materials[type] = mat;
- return mat;
- }
-
- if (type === 'apple') {
- const mat = new THREE.MeshLambertMaterial({ map: textures.apple, transparent: true, alphaTest: 0.5, side: THREE.DoubleSide });
- materials[type] = mat;
- return mat;
- }
- if (type === 'stick') {
- const mat = new THREE.MeshLambertMaterial({ map: textures.stick, transparent: true, alphaTest: 0.5, side: THREE.DoubleSide });
- materials[type] = mat;
- return mat;
- }
- if (type === 'sapling') {
- const mat = new THREE.MeshLambertMaterial({ map: textures.sapling, transparent: true, alphaTest: 0.5, side: THREE.DoubleSide });
- materials[type] = mat;
- return mat;
- }
-
- const mat = new THREE.MeshLambertMaterial({ map: map });
- materials[type] = mat;
- return mat;
- };
-
- // Damage Overlay
- const damageMaterial = new THREE.MeshBasicMaterial({
- map: destroyTextures[0],
- color: 0x808080,
- transparent: true,
- depthWrite: false,
- polygonOffset: true,
- polygonOffsetFactor: -1,
- polygonOffsetUnits: -1,
- blending: THREE.CustomBlending,
- blendEquation: THREE.ReverseSubtractEquation,
- blendSrc: THREE.SrcAlphaFactor,
- blendDst: THREE.OneFactor
- });
- const damageGeometry = new THREE.BoxGeometry(BLOCK_SIZE * 1.002, BLOCK_SIZE * 1.002, BLOCK_SIZE * 1.002);
- const damageOverlay = new THREE.Mesh(damageGeometry, damageMaterial);
- damageOverlay.visible = false;
- scene.add(damageOverlay);
-
- // --- Game Logic ---
-
- // Hardness reference: Stone (1.5) takes 4 seconds (4,000 ms)
- // Multiplier = 4,000 / 1.5 = 2666.66 ms per hardness unit
- const HARDNESS_MULTIPLIER = 2666.66;
-
- const BLOCK_HEALTH = {
- grass: 0.3 * HARDNESS_MULTIPLIER,
- dirt: 0.2 * HARDNESS_MULTIPLIER,
- stone: 1.5 * HARDNESS_MULTIPLIER,
- cobblestone: 2 * HARDNESS_MULTIPLIER,
- coal: 3 * HARDNESS_MULTIPLIER,
- iron: 3 * HARDNESS_MULTIPLIER,
- gold: 3 * HARDNESS_MULTIPLIER,
- diamond: 3 * HARDNESS_MULTIPLIER,
- emerald: 3 * HARDNESS_MULTIPLIER,
- log: 2.0 * HARDNESS_MULTIPLIER,
- leaves: 0.05 * HARDNESS_MULTIPLIER,
- bedrock: Infinity
- };
-
- function createBlock(x, y, z, type) {
- const geometry = new THREE.BoxGeometry(BLOCK_SIZE, BLOCK_SIZE, BLOCK_SIZE);
- const material = getMaterial(type);
- const cube = new THREE.Mesh(geometry, material);
- cube.castShadow = true;
- cube.receiveShadow = true;
-
- // Center the grid
- // GRID_SIZE is dynamic now
- const offset = (GRID_SIZE * BLOCK_SIZE) / 2 - (BLOCK_SIZE / 2);
-
- cube.position.set(
- x * BLOCK_SIZE - offset,
- y * BLOCK_SIZE, // Y is vertical
- z * BLOCK_SIZE - offset
- );
-
- cube.userData = { gridX: x, gridY: y, gridZ: z, type: type };
- scene.add(cube);
- return cube;
- }
-
- function getBlockTypeForDepth(d) {
- // Helper to reuse generation logic
- if (d === 0) return 'grass';
- if (d === 1) return 'dirt';
- if (d === 2) return 'dirt';
-
- // Bedrock at bottom? No, infinite mining.
-
- const rand = Math.random();
-
- // Ore probabilities based on depth
- let coalProb = 0.05;
- let ironProb = 0.0;
- let goldProb = 0.0;
- let diamondProb = 0.0;
- let emeraldProb = 0.0;
-
- if (d > 5) ironProb = 0.03;
- if (d > 10) goldProb = 0.02;
- if (d > 20) diamondProb = 0.01;
- if (d > 50) emeraldProb = 0.005;
-
- // Increase probs as we go deeper
- if (d > 30) {
- coalProb = 0.08;
- ironProb = 0.05;
- }
- if (d > 60) {
- goldProb = 0.04;
- diamondProb = 0.02;
- }
-
- if (rand < emeraldProb) return 'emerald';
- if (rand < emeraldProb + diamondProb) return 'diamond';
- if (rand < emeraldProb + diamondProb + goldProb) return 'gold';
- if (rand < emeraldProb + diamondProb + goldProb + ironProb) return 'iron';
- if (rand < emeraldProb + diamondProb + goldProb + ironProb + coalProb) return 'coal';
-
- if (d < 5) return 'dirt';
- if (d < 10 && Math.random() < 0.5) return 'dirt';
-
- return Math.random() < 0.8 ? 'stone' : 'cobblestone';
- }
-
- function generateLayer(layerIndex, absoluteDepth) {
- const layer = [];
- for (let x = 0; x < GRID_SIZE; x++) {
- layer[x] = [];
- for (let z = 0; z < GRID_SIZE; z++) {
- // layerIndex corresponds to Y position.
- // 0 is top, -1 is below, etc.
- const type = getBlockTypeForDepth(absoluteDepth);
- const block = createBlock(x, -layerIndex, z, type);
- layer[x][z] = block;
- }
- }
- return layer;
- }
-
- const STRUCTURES = {
- tree: []
- };
-
- // Init Tree Structure
- (() => {
- const s = STRUCTURES.tree;
- for(let y=0; y<3; y++) s.push({x:0, y:y, z:0, type:'log'});
- for(let x=-2; x<=2; x++) {
- for(let y=2; y<=3; y++) {
- for(let z=-2; z<=2; z++) {
- if(Math.abs(x)===2 && Math.abs(z)===2) continue;
- if(x===0 && z===0 && y===2) continue;
- s.push({x, y, z, type:'leaves'});
- }
- }
- }
- for(let x=-1; x<=1; x++) {
- for(let z=-1; z<=1; z++) {
- if(x===0 && z===0) continue;
- s.push({x, y:4, z, type:'leaves'});
- }
- }
- s.push({x:0, y:5, z:0, type:'leaves'});
- })();
-
- function placeStructure(gx, gy, gz, structureName) {
- const structure = STRUCTURES[structureName];
- if (!structure) return;
-
- structure.forEach(block => {
- spawnBlock(gx + block.x, gy + block.y, gz + block.z, block.type);
- });
- }
-
- function generateTree() {
- const cx = Math.floor(GRID_SIZE / 2);
- const cz = Math.floor(GRID_SIZE / 2);
- placeStructure(cx, 1, cz, 'tree');
- }
-
- function saveGame() {
- const saveData = {
- depth,
- score,
- inventory,
- upgrades,
- layers: layers.map(layer => layer.map(row => row.map(block => block ? block.userData.type : null))),
- extraBlocks: extraBlocks.map(b => ({
- type: b.userData.type,
- gridX: b.userData.gridX,
- gridZ: b.userData.gridZ,
- y: Math.round(b.position.y / BLOCK_SIZE),
- isSapling: b.userData.isSapling,
- growthTimer: b.userData.growthTimer
- })),
- drops: drops.map(d => ({
- type: d.userData.type,
- count: d.userData.count || 1,
- x: d.position.x,
- y: d.position.y,
- z: d.position.z,
- vx: d.userData.velocity.x,
- vy: d.userData.velocity.y,
- vz: d.userData.velocity.z,
- life: d.userData.life,
- autoCollect: d.userData.autoCollect
- }))
- };
- localStorage.setItem('miningGameSave', JSON.stringify(saveData));
- }
-
- function loadGame() {
- const dataStr = localStorage.getItem('miningGameSave');
- if (!dataStr) return false;
-
- try {
- const data = JSON.parse(dataStr);
- depth = data.depth;
- score = data.score;
- inventory = Object.assign({}, data.inventory);
- if (data.upgrades) {
- upgrades = Object.assign(upgrades, data.upgrades);
- // Ensure new upgrades are initialized if loading old save
- if (upgrades.mining_area === undefined) upgrades.mining_area = 0;
- if (upgrades.vein_miner === undefined) upgrades.vein_miner = 0;
- if (upgrades.tnt_frequency === undefined) upgrades.tnt_frequency = 0;
- if (upgrades.tnt_power === undefined) upgrades.tnt_power = 0;
- if (upgrades.pickup_range === undefined) upgrades.pickup_range = 0;
- if (upgrades.grid_size === undefined) upgrades.grid_size = 0;
-
- // Update GRID_SIZE based on loaded upgrade
- GRID_SIZE = 5 + (upgrades.grid_size * 2);
- VISIBLE_LAYERS = 7 + upgrades.grid_size;
-
- // Adjust camera for larger grids
- if (upgrades.grid_size > 0) {
- const d = 5 + upgrades.grid_size;
- camera.left = -d * aspect;
- camera.right = d * aspect;
- camera.top = d;
- camera.bottom = -d;
- camera.updateProjectionMatrix();
- }
- }
-
- depthDisplay.innerText = depth;
- scoreDisplay.innerText = score;
- updateInventoryUI();
-
- // Rebuild layers
- layers = [];
- data.layers.forEach((savedLayer, layerIdx) => {
- const layer = [];
- // Handle grid size mismatch if save is old
- const savedSize = savedLayer.length;
- const offsetDiff = (GRID_SIZE - savedSize) / 2;
-
- for(let x=0; x
-