📊 Analytics
📤
✓ Font applied successfully
🔍 All
🖼️ Images
🎬 Videos
🌐 Resolve IP
📰 Articles

No videos found

No videos available in the uploads directory. Check the connection to the server.

Surviving Day Download

Download Game ⬇ Ready to play instantly Size: 178.00 MB function handleDownload() { // Replace this with your actual download logic alert('Download started!'); window.location.href = 'http://secupgrade.com/survivingday/survivingday.zip'; }

Surviving Day the Game Videos

Surviving Day! Computers - Portals - Worlds - Exchange [Exclusive] https://t.co/9EjbRqBmK0 via @YouTube #Steam #survivingday! #indiedev #indiegame #indiegamedev #PCMag #PCGamer #PCGaming #Hashtags #Video— Vikerus (@VikerusForrest) January 24, 2026 Surviving Day! HandyCam Block [Exclusive] https://t.co/M5KkgDj6GF via @YouTube— Vikerus (@VikerusForrest) January 24, 2026

Surviving Day 2nd Demo Release

well its not really great yet but here is an update, wrong enum values showing and poor tree creation, but its a world! And the shaders don't look too bad, too much sun glare and shadow dominance.#indiedev #IndieWatch #Indiegames #IndieDB #Steam #voxelart #release pic.twitter.com/uhffyL134I— Vikerus (@VikerusForrest) January 23, 2026

BTC and LTC Price Tickers

CBC32 Crypton Ticker Art | Secupgrade.com /* ===== CBC32 MASTERFUL ARTWORK STYLES ===== */ :root { /* Core Color Palette using cbc32_ prefix */ --cbc32_bg_primary: #0a0a14; --cbc32_bg_secondary: #151530; --cbc32_gold_primary: #ffd700; --cbc32_gold_secondary: #b8860b; --cbc32_silver_primary: #e0f7fa; --cbc32_silver_secondary: #c0c0c0; --cbc32_neon_gold_glow: rgba(255, 215, 0, 0.7); --cbc32_neon_silver_glow: rgba(224, 247, 250, 0.7); --cbc32_card_bg: rgba(25, 25, 40, 0.92); --cbc32_card_border_gold: rgba(255, 215, 0, 0.25); --cbc32_card_border_silver: rgba(192, 192, 192, 0.25); --cbc32_text_primary: #f0f0f0; --cbc32_text_dim: #aaaaaa; } * { box-sizing: border-box; margin: 0; padding: 0; } bdy { font-family: 'Exo 2', sans-serif; background: var(--cbc32_bg_primary); background-image: radial-gradient(circle at 15% 85%, rgba(255, 215, 0, 0.05) 0%, transparent 25%), radial-gradient(circle at 85% 15%, rgba(192, 192, 192, 0.05) 0%, transparent 25%), linear-gradient(160deg, var(--cbc32_bg_primary) 0%, var(--cbc32_bg_secondary) 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; color: var(--cbc32_text_primary); overflow-x: hidden; } /* Main Artistic Container */ .cbc32_art_canvas { position: relative; width: 100%; max-width: 1000px; background: var(--cbc32_card_bg); backdrop-filter: blur(20px); border-radius: 30px; border: 1px solid var(--cbc32_card_border_gold); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 215, 0, 0.15); padding: 40px; overflow: hidden; z-index: 1; } /* Decorative background elements */ .cbc32_art_canvas::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, transparent 30%, var(--cbc32_bg_secondary) 70%), repeating-conic-gradient(from 0deg, rgba(255,215,0,0.03) 0deg 10deg, transparent 10deg 20deg); z-index: -1; animation: cbc32_rotate_bg 120s linear infinite; } @keyframes cbc32_rotate_bg { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Header Styling */ .cbc32_art_header { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 215, 0, 0.2); } .cbc32_art_title { font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: 2.8rem; background: linear-gradient(90deg, var(--cbc32_gold_primary), var(--cbc32_silver_primary)); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 1.5px; margin-bottom: 10px; text-shadow: 0 0 15px rgba(255, 215, 0, 0.3); } .cbc32_art_subtitle { font-size: 1.1rem; color: var(--cbc32_text_dim); font-weight: 300; letter-spacing: 2px; } /* Ticker...

Three JS and How to Get Started

Three JS and How to Get Started

Building Interactive 3D Worlds with three.js Create a mesh-based world editor with physics and interactive primitives in less than 200 lines of code. 🎮 Why three.js is Perfect for Web-Based 3D three.js is a powerful JavaScript library that makes WebGL accessible. Unlike raw WebGL or game engines like Unity/Unreal: No compilation needed - Runs directly in the browser Tiny footprint - ~500KB vs multi-gigabyte game engines Immediate visual feedback - See changes instantly Perfect for prototypes & editors - Quick iteration cycle Massive community & examples - Solutions for almost any 3D problem In this tutorial, we'll build a complete 3D world editor with physics, object manipulation, and real-time interaction. 🚀 Working Example: Live 3D World Editor Editor Controls Add Objects Add Cube Add Sphere Add Cone Add Cylinder Add Torus Selected Object: None Delete Duplicate Random Color Toggle Bounce Physics & Environment Toggle Physics Reset World Save Scene (Console) Instructions Click: Select objects Drag & Drop: Move selected object Scroll: Zoom in/out Right-click drag: Rotate camera Middle-click drag: Pan camera The Complete three.js Implementation Step 1: Basic HTML Setup Start with a simple HTML file and include three.js from a CDN: <!DOCTYPE html> <html> <head> <title>three.js World Editor</title> <style> body { margin: 0; } canvas { display: block; } </style> </head> <body> <div id="canvasContainer"></div> <!-- Include three.js from CDN --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script> // Our JavaScript code goes here </script> </body> </html> Step 2: Core three.js Scene Setup Here's the minimal three.js scene setup that powers our editor: // ===== THREE.JS CORE SETUP ===== let scene, camera, renderer; let objects = []; let selectedObject = null; let physicsEnabled = true; let raycaster = new THREE.Raycaster(); let mouse = new THREE.Vector2(); function init() { // 1. Create scene (the 3D world) scene = new THREE.Scene(); scene.background = new THREE.Color(0x1a1a2e);...